Κώδικας για notify alert box σε ιστοσελίδα

Κώδικας, πληροφορίες, ερωτήσεις και απαντήσεις σχετικές με την JavaScript.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
AgnostosX
Δημοσιεύσεις: 35
Εγγραφή: 06 Νοέμ 2006 01:12

Κώδικας για notify alert box σε ιστοσελίδα

Δημοσίευση από AgnostosX » 02 Δεκ 2011 15:23

Γεια σας.

Αυτό που με ενδιαφέρει, είναι κατά την φόρτωση της ιστοσελίδας να εμφανίζεται κάτω δεξιά ένα αναδυόμενο παράθυρο, όπως αυτό του MSN. Σ' αυτό το παράθυρο θα μπαίνει άλλος κώδικας. Ο επισκέπτης θα πρέπει να έχει την δυνατότητα να κλείνει το παράθυρο.

Όσο κι αν προσπάθησα να βρω κώδικα στο Google, δεν τα κατάφερα, επειδή ίσως δεν μπορούσα να βρω τον κατάλληλο όρο αναζήτησης.

Κάθε βοήθεια ευπρόσδεκτη.

Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6230
Εγγραφή: 30 Νοέμ 2004 03:09

Κώδικας για notify alert box σε ιστοσελίδα

Δημοσίευση από fafos » 02 Δεκ 2011 16:23

gia thn thesh paizei rolo to style (css).. to krypsimo - emfanish ginetai me ligo ajax... ego xrhsimopoihsa to effect toggle alla mporeis na xrhsimopoihseis opoio thes (synhthos xrhsimopoioun to animate):

Κώδικας: Επιλογή όλων

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-7">
<meta name="robots" content="noindex, nofollow">
<meta http-equiv="Content-Style-Type" content="text/css">
<title></title>
<script type="text/javascript" src="http&#58;//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script type="text/javascript">
$&#40;document&#41;.ready&#40;function&#40;&#41;&#123;
$&#40;'.deixepalitodiv'&#41;.hide&#40;&#41;;//kleise to button "deixe pali"
$&#40;'.katodexiadiv'&#41;.hide&#40;&#41;.toggle&#40;1000&#41;;//deixe to div me kapoio effect
    $&#40;'.kleisediv'&#41;.click&#40;function&#40;&#41;&#123;
      $&#40;'.katodexiadiv'&#41;.toggle&#40;1000&#41;;// otan pathseis to X kleise to div
	$&#40;'.deixepalitodiv'&#41;.toggle&#40;1000&#41;;
    &#125;&#41;;


    $&#40;'.deixepalitodiv'&#41;.click&#40;function&#40;&#41;&#123;
      $&#40;'.katodexiadiv'&#41;.toggle&#40;1000&#41;;// otan pathseis to "deixe pali" anoixe to div
	$&#40;'.deixepalitodiv'&#41;.toggle&#40;1000&#41;;// kai kleise to "deixe pali"
    &#125;&#41;;
&#125;&#41;;
</script>
<style type="text/css">
<!--

BODY
&#123;
	font-size&#58;12px;
	font-family&#58;Verdana;
	font-weight&#58;400;
&#125;

.katodexiadiv
&#123;
	background-color&#58;#ccc;
	width&#58;300px;
	height&#58;150px;
	position&#58;fixed;
	bottom&#58;0;
	right&#58;5px;
	border-color&#58;#666;
	border-style&#58;solid;
	border-width&#58;1px 1px 0;
	padding&#58;10px;
&#125;

.kleisediv
&#123;
	font-weight&#58;700;
	background-color&#58;#c00;
	width&#58;20px;
	height&#58;15px;
	position&#58;absolute;
	margin-left&#58;5px;
	margin-top&#58;-25px;
	cursor&#58;pointer;
	text-align&#58;center;
	color&#58;#fff;
&#125;


.deixepalitodiv
&#123;
	font-size&#58;11px;
	font-weight&#58;400;
	color&#58;#fff;
	background-color&#58;#008040;
	width&#58;100px;
	height&#58;15px;
	position&#58;fixed;
	bottom&#58;0;
	right&#58;5px;
	text-align&#58;center;
	cursor&#58;pointer;
	border-color&#58;#2c4428;
	border-style&#58;solid;
	border-width&#58;1px;
	padding&#58;3px;
&#125;
-->
</style>
</head>
<body>
<div class="katodexiadiv">
	<div class="kleisediv">
		X
	</div>
	<div class="periexomenodiv">
		periexomeno div
	</div>
</div>
<div class="deixepalitodiv">deixe pali</div>
</body>
</html>
Οι πάνες και οι πολιτικοί πρέπει να αλλάζονται συχνά για τον ίδιο λόγο...

AgnostosX
Δημοσιεύσεις: 35
Εγγραφή: 06 Νοέμ 2006 01:12

Κώδικας για notify alert box σε ιστοσελίδα

Δημοσίευση από AgnostosX » 02 Δεκ 2011 20:20

Ευχαριστώ πολύ για την απάντηση.

Αν και ο κώδικας δεν λειτούργησε πλήρως (το πλαίσιο εμφανίστηκε, καθώς και το περιεχόμενό του, αλλά δεν δούλευε το κλείσιμο και η απόκρυψη) ή και όπως ακριβώς ήθελα, εν τούτοις με βοήθησε αρκετά στην συνέχεια της αναζήτησής μου και βρήκα κάτι στα μέτρα μου (με λίγες μικροαλλαγές).

Ο κώδικας που βρήκα, βρίσκεται εδώ για όποιον άλλον ενδιαφέρεται.

Απάντηση

Επιστροφή στο “JavaScript και Frameworks”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 0 επισκέπτες