faire apparaître plusieurs textes [jquery]

faire apparaître plusieurs textes [jquery] - HTML/CSS - Programmation

Marsh Posté le 19-11-2008 à 15:19:03    

Bonjour,
je souhaite faire apparaître 3 phrases en fondu mais j'ai du mal.

Code :
  1. $(document).ready(function() {
  2.         // On sélectionne notre paragraphe
  3.         $("#1" ).fadeOut(
  4.                 "slow", function(){$(this).fadeIn("slow" );}
  5.         );
  6.     });
  7. </script>


Code :
  1. <p id="#1">ddddddddddddddddddddd</p>
  2. <p id="#2">ddddddddddddddddddddd</p>
  3. <p id="#3">ddddddddddddddddddddd</p>


Merci


---------------
contribution open source http://www.phpclasses.org/browse/file/23687.html
Reply

Marsh Posté le 19-11-2008 à 15:19:03   

Reply

Marsh Posté le 19-11-2008 à 15:38:19    

les id c'est jamais avec # et jamais avec un chiffre au debut il faut une lettre au moins
 
[code]
<p id="p1">ddddddddddddddddddddd</p>
 $("#p1" ).fadeOut(
        "slow", function(){$(this).fadeIn("slow" );}
 );
[code]

Reply

Marsh Posté le 19-11-2008 à 15:59:49    

je fait donc

Code :
  1. $(document).ready(function() {
  2.          function test (val)
  3.          {
  4.             $(val).fadeOut(
  5.                  "10000", function(){$(this).fadeIn("10000" );}
  6.              );
  7.          }
  8.           setTimeout("test(#p1)",10000));
  9.           setTimeout("test(#p2)",20000));
  10.           setTimeout("test(#p3)",30000));
  12.     });
  13. </script>


puis:

Code :
  1. <p id="p1">ddddddddddddddddddddd</p>
  2.         <p id="p2">aaaaaaaaaaaaaaaaaaaaa</p>
  3.         <p id="p3">bbbbbbbbbbbbbbbbbbbbb</p>


Sa fonctionne pas du tout ?


---------------
contribution open source http://www.phpclasses.org/browse/file/23687.html
Reply

Marsh Posté le 20-11-2008 à 00:55:22    

mais tu réfléchi à ce que tu fais ?
tu regarde la console javascript
tiens fait simplement ça :  
Prend firefox
Installe firebug
Active la console et teste la page
Ensuite regarde tes erreurs JS  
 
 
Ensuite faudrait peut etre mettre les simple quote autour de #p1/2/3 :  
setTimeout("test('#p1')",10000));
 
 

Reply

Marsh Posté le 20-11-2008 à 12:26:22    

j'ai firebug mais comment tu debug avec ?


---------------
contribution open source http://www.phpclasses.org/browse/file/23687.html
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed