pop up με JQUERY

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

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

Απάντηση
katerinaaa
Δημοσιεύσεις: 109
Εγγραφή: 28 Ιαν 2010 12:46

pop up με JQUERY

Δημοσίευση από katerinaaa » 12 Οκτ 2010 18:04

Γεια σας,
έχω δημιουργήσει ένα site και θέλω όταν συνδέεται ένας administrator και ικανοποιούνται κάποιες προϋποθέσεις (τις οποίες ελέγχω με php) να ενημερώνεται με την κατάσταση του συστήματος, πχ ενεργοί χρήστες, επισκέπτες κ.α.

Αλλά θα ήθελα να γίνει με λίγο πιο κομψό τρόπο από το να πετάγεται ένα παράθυρο javascript.
Θα ήθελα να χρησιμοποιήσω JQUERY και έχω βρει ένα τέτοιου τύπου μήνυμα που θα μου άρεσε να εισάγω. (http://demos.blufusion.net/jquery-tooltips αναφέρομαι στο jQuery Tooltip Demo)
Απλά θα ήθελα να μην απαιτείται κάποιο event onmouseover αλλά όταν μπει στον κομμάτι κώδικα να το εμφανίσει.


Ξέρει κάποιος να με βοηθήσει μήπως προτείνοντας μου κάποιο site ?
Ευχαριστώ

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

pop up με JQUERY

Δημοσίευση από fafos » 12 Οκτ 2010 18:25

ta tooltips den einai parathyra.. einai kati entelos diaforetiko..

gia na deikseis ena parathyro theleis ligo css kai ligo ajax:

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

<!DOCTYPE html>
<html>
<head>
<style>
<!--
 
.divshow&#123;
  font-size &#58; 12px;
  font-family &#58; Arial;
  font-weight &#58; bold;
  color &#58; white;
  background-color &#58; #990000;
  text-align &#58; center;border&#58; 3px double red;
  width &#58; 300px;
  height &#58; 150px;
  top &#58; 50%;
  left &#58; 50%;
  z-index &#58; 9999;
  position &#58; absolute;

&#125;

-->
</style>
  <script src="http&#58;//code.jquery.com/jquery-latest.min.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-7">
<meta http-equiv="Content-Style-Type" content="text/css">
<title></title>
<script>
$&#40;document&#41;.ready&#40;function&#40;&#41;&#123;

$&#40;'div.divshow'&#41;.click&#40;function&#40;&#41;&#123;
$&#40;'.divshow'&#41;.hide&#40;'slow'&#41;;
&#125;&#41;

&#125;&#41;;

</script>
</head>
<body>
<div class="divshow">asgsggasgssagas</div>
</body>
</html>
Οι πάνες και οι πολιτικοί πρέπει να αλλάζονται συχνά για τον ίδιο λόγο...

katerinaaa
Δημοσιεύσεις: 109
Εγγραφή: 28 Ιαν 2010 12:46

pop up με JQUERY

Δημοσίευση από katerinaaa » 12 Οκτ 2010 18:49

Σε ευχαριστώ πάρα πολύ για τον κώδικα.

Θα ήθελα να σε ρωτήσω και κάτι ακόμα στον κώδικα που μου έστειλες αν ήθελα για παράδειγμα να προσθέσω μια εικόνα στα αριστερά. Κάποιο θαυμαστικό ας πούμε πειράζω το css και το περνάω σα background-image ?

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

pop up με JQUERY

Δημοσίευση από fafos » 12 Οκτ 2010 18:59

katerinaaa έγραψε:Σε ευχαριστώ πάρα πολύ για τον κώδικα.

Θα ήθελα να σε ρωτήσω και κάτι ακόμα στον κώδικα που μου έστειλες αν ήθελα για παράδειγμα να προσθέσω μια εικόνα στα αριστερά. Κάποιο θαυμαστικό ας πούμε πειράζω το css και το περνάω σα background-image ?
mesa sto div vazeis oti thes (alla divs, eikones, html klp) arkei na exei thn idia class me authn pou zhta to script...

akoma mporeis na valeis kai effects sthn emfanish - exafanish tou div opos to parakato:

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

<script>
$&#40;document&#41;.ready&#40;function&#40;&#41;&#123;
$&#40;'div..divshow'&#41;.load&#40;&#41;.slideDown&#40;1000&#41;;
$&#40;'div.divshow'&#41;.click&#40;function&#40;&#41;&#123;
$&#40;'.divshow'&#41;.slideUp&#40;1000&#41;;
&#125;&#41;

&#125;&#41;;

</script>

perissotera gia ta effects mporeis na diavaseis edo:

http://api.jquery.com/category/effects/


yparxoun kai prosthetes vivliothikes oi opoies dinoun kai alla effects opos h UI:


http://jqueryui.com/demos/dialog/
Οι πάνες και οι πολιτικοί πρέπει να αλλάζονται συχνά για τον ίδιο λόγο...

katerinaaa
Δημοσιεύσεις: 109
Εγγραφή: 28 Ιαν 2010 12:46

pop up με JQUERY

Δημοσίευση από katerinaaa » 12 Οκτ 2010 19:14

Σε ευχαριστώ και πάλι!

Άβαταρ μέλους
parianos
Δημοσιεύσεις: 79
Εγγραφή: 17 Οκτ 2009 21:04
Επικοινωνία:

pop up με JQUERY

Δημοσίευση από parianos » 10 Απρ 2011 18:44

Καλησπέρα σε όλους, έχω ένα παρόμοιο πρόβλημα, και θα ήθελα τη βοήθειά σας,
έχω φτιάξει μία φόρμα επικοινωνίας και θέλω όταν πατάει κάποιος το κουμπί για να ανοίξει η φόρμα να ανοιγέι αλλά να μην ανοίγει νέα σελιδα ή ποπαπ, αλλά να γίνεται dimmed το παράθυρο να φαίνεται η φόρμα και μετά το submition να την κλείνει και να συνεχίζει..
δοκίμασα απο το jquery το moadal message αλλά τζίφος δεν ενεργοπιείται με τίποτα,
καμιά ιδέα?
ευχαριστώ..

Απάντηση

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

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

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