[solved] Απορία για please wait while loading

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

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

Απάντηση
Apostolis_38
Δημοσιεύσεις: 1969
Εγγραφή: 14 Φεβ 2008 16:20
Τοποθεσία: ΠΕΙΡΑΙΑΣ

[solved] Απορία για please wait while loading

Δημοσίευση από Apostolis_38 » 25 Νοέμ 2010 12:15

Καλημέρα.

Οταν αργεί να φορτώσει μια σελίδα μπορούμε να εμφανίσουμε με javascript ένα μήνυμα "please wait" ή μια κλεψύδρα, μπάρα κτλ κτλ.
Ο τρόπος που γνωριζω εγώ είναι να παρεμβάλουμε την σελίδα με το please wait ανάμεσα σε αυτή που στέλνει τα δεδομένα και σε αυτή που εμφανίζει τα αποτελέσματα.

Υπάρχει άλλος τρόπος;
Δηλαδή να εμφανίζεται στην ίδια σελίδα, με κάποιο message box ή κάτι τέτοιο;
Τελευταία επεξεργασία από το μέλος Apostolis_38 την 26 Νοέμ 2010 11:55, έχει επεξεργασθεί 1 φορά συνολικά.

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

[solved] Απορία για please wait while loading

Δημοσίευση από fafos » 25 Νοέμ 2010 16:07

ena aplo div einai me to image mesa to opoio emfanizetai otan kanei click sto sygkekrimeno element pou thes.. auto einai ena paradeigma me jquery:

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

<!DOCTYPE html>
<html>
<head>
<style>
<!--
 
#loader&#123;
  width &#58; 100px;
  margin-left &#58; 5px;
  visibility &#58; hidden;
position&#58;absolute;
top&#58;50%;
left&#58;50%;
z-index&#58;9999;
&#125;
-->
</style>
  <script src="http&#58;//code.jquery.com/jquery-1.4.4.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>
</head>
<body>
<div style="float &#58; left;"><a href="http&#58;//freestuff.gr">Freestuff</a></div>

<div id="loader"><img src="img/Loader.gif" width="66" height="66" border="0"></div>

<script>
    $&#40;"a"&#41;.click&#40;function &#40;&#41; &#123; 

      $&#40;'#loader'&#41;.css&#40;"visibility","visible"&#41;; 
    &#125;&#41;;

</script>
</body>
</html>

edo tou leo me to click se OIANDHPOTE link ( $("a").click(function () ) allakse to style tou div me id #loader apo visibility : hidden; se visibility : visible;

me to pou tha pathso to link tha emfanistei ena image kapou sthn mesh ths selidas...

an thes na to kaneis mono se sygkekrimena links tha prepei na doseis kapoio id sto link kai analogo sto script:

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

<a href="http&#58;//freestuff.gr" id="fafos">Freestuff</a>

<script>
    $&#40;"#fafos"&#41;.click&#40;function &#40;&#41; &#123; 

      $&#40;'#loader'&#41;.css&#40;"visibility","visible"&#41;; 
    &#125;&#41;;

</script>
an thes na to dineis se sygkekrimena links alla pano apo 1 dose class anti gia id:

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

<a href="http&#58;//freestuff.gr" class="fafos">Freestuff</a>
<a href="http&#58;//freestuff.gr" class="fafos">Freestuff</a>
<a href="http&#58;//in.gr" >IN</a> <- xoris class, den tha emfanisei ton loader
<a href="http&#58;//facebook.com" class="fafos">facebook</a>

<script>
    $&#40;".fafos"&#41;.click&#40;function &#40;&#41; &#123; 

      $&#40;'#loader'&#41;.css&#40;"visibility","visible"&#41;; 
    &#125;&#41;;

</script>
to pou tha emfanizeis ton loader einai thema css...
Οι πάνες και οι πολιτικοί πρέπει να αλλάζονται συχνά για τον ίδιο λόγο...

Apostolis_38
Δημοσιεύσεις: 1969
Εγγραφή: 14 Φεβ 2008 16:20
Τοποθεσία: ΠΕΙΡΑΙΑΣ

[solved] Απορία για please wait while loading

Δημοσίευση από Apostolis_38 » 25 Νοέμ 2010 19:13

Χίλια ευχαριστώ.

Άβαταρ μέλους
ideal
Δημοσιεύσεις: 302
Εγγραφή: 12 Φεβ 2011 16:26

[solved] Απορία για please wait while loading

Δημοσίευση από ideal » 07 Νοέμ 2011 19:05

Πολύ ωραίο!
Ευχαριστώ κι εγώ.

Απάντηση

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

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

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