FadeIn an element

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

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

Απάντηση
netpumber
Δημοσιεύσεις: 103
Εγγραφή: 08 Μαρ 2009 19:06

FadeIn an element

Δημοσίευση από netpumber » 23 Νοέμ 2010 23:54

Καλησπέρα σας..

Λοιπόν.. έχω αυτόν τον απλό κώδικα

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

<table id="example">
<td >
<div>
test
</div>
</td>
</tr>
</table>
<input type="button" value="Fade Out" onclick="$&#40;'#example'&#41;.fadeOut&#40;'slow'&#41;" />
Με το που φορτώνει η σελίδα ο πίνακας φαίνεται.. και πατώντας το κουμπί γίνεται fadeOut.

Αυτό που θέλω να κάνω είναι ακριβώς το αντίθετο. Όταν φορτώνει η σελίδα να μην φαίνεται ο πίνακας και να πατάω το κουμπί και να γίνεται fadeIn..

Είναι εφικτό;

Ευχαριστώ πολύ!

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

FadeIn an element

Δημοσίευση από fafos » 24 Νοέμ 2010 00:26

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

<script>
 	$&#40;function&#40;&#41;
	&#123;


      $&#40;"#example"&#41;.hide&#40;&#41;;


    $&#40;"input&#58;button"&#41;.click&#40;function &#40;&#41; &#123;

      $&#40;"#example"&#41;.fadeIn&#40;"slow"&#41;;

return false;
    &#125;&#41;;
    &#125;&#41;;
</script>

to manual ta lei analytika....
Οι πάνες και οι πολιτικοί πρέπει να αλλάζονται συχνά για τον ίδιο λόγο...

netpumber
Δημοσιεύσεις: 103
Εγγραφή: 08 Μαρ 2009 19:06

FadeIn an element

Δημοσίευση από netpumber » 24 Νοέμ 2010 12:14

Ευχαριστώ πολύ λοιπόν.. Αλήθεια για ποιο μάνουαλ μιλάς;

Έκανα κάποια αλλαγή στο κώδικα..προκειμένου να τον κάνω να δουλέψει μέσω php αλλα κάτι πάει στραβά..

Λοιπόν:

PHP Code:

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

echo "<tr class=\"d".&#40;$i & 1&#41;."\">  
				<td class=\"TrConf\">&#123;$row&#91;'username'&#93;&#125;</td>
				<td class=\"TrConf\">&#123;$row&#91;'tmima_name'&#93;&#125;</td>
				<td class=\"TrConf\" align=\"center\"><a href=\"&#123;$_SERVER&#91;'PHP_SELF'&#93;&#125;?action=delete&id=&#123;$row&#91;'id'&#93;&#125;\" >  
				&#91;Διαγραφή&#93;</a> <a href=\"&#123;$_SERVER&#91;'PHP_SELF'&#93;&#125;?action=edit&id=&#123;$row&#91;'id'&#93;&#125;\" onclick=\"$&#40;'#example'&#41;.fadeIn&#40;'slow'&#41;\"> &#91;Επεξεργασία&#93;</a></td></tr>";
			
Πολύ απλός είναι και όταν πατάει κάποιος στο επεξεργασία ήθελα να κάνει fadeIn έναν πίνακα με μια φόρμα

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

<td id="example">
<div>
<input type="text"? />
<input type="submit" onclick="$&#40;'#example'&#41;.fadeOut&#40;'slow'&#41;" />
</div>
</td>
</tr>
</table>
Κάτι όμως όπως είπα και πρίν δεν πάει καλά με την php και δεν δουλεύει το fadeIn..

Αν βάλω όμως ένα λινκ έξω απο την php δουλεύει μια χαρά...

Καμιά ιδέα;;

Ευχαριστώ!

netpumber
Δημοσιεύσεις: 103
Εγγραφή: 08 Μαρ 2009 19:06

FadeIn an element

Δημοσίευση από netpumber » 24 Νοέμ 2010 12:45

Παρατήρησα πως αν βάλω # στη τιμή του <a href= , Δουλεύει μια χαρά αλλα κάτι τέτοιο δεν το θέλουμε..:P

Πως θα γίνει να τα έχουμε και τα 2;

Και αλήθεια...γιατί δεν δουλεύει με τον IE;

Απάντηση

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

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

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