Lien cliquable aprés x secondes

Lien cliquable aprés x secondes - HTML/CSS - Programmation

Marsh Posté le 31-03-2007 à 20:58:47    

Bonjour, j'ai deja posté ce sujet sur un autre forum mais je n'ai pas de réponse donc je me permet de poster ici.  
Je souhaiterai avoir sur une page web un lien demandant d'attendre (attende de 5 secondes par exemples) aprés ce temps le lien qui demande d'attendre se transforme en un lien et le visiteur clic dessus pour ouvrir une page ou un document.
Je souhaiterai exactement ce qui est sur cette page: http://www.laboratoire-microsoft.org/d/?id=15721 en dessous de l'image pub 250x250. J'ai essayé de voir le code source, j'ai recuperer dowload.js mais sa donctionne pas!  
 
 
Merci.

Reply

Marsh Posté le 31-03-2007 à 20:58:47   

Reply

Marsh Posté le 01-04-2007 à 19:11:12    

Tu as déja fais du js?
Parce que c'est vraiment pas compliqué, mais te balancer du code sans que tu ne comprennes, c'est pas t'aider.


---------------
Mains power can kill, and it will hurt the entire time you’re dying from it.
Reply

Marsh Posté le 02-04-2007 à 12:10:16    

Et bien en fait je ne connais pas tout en js et je pensais que sa allé être simple de touver un script faisant se que je souhaite mais visiblement non j'ai donc récuperé celui sur le site laboratoire-microsoft mais sa ne fonctionne pas.

Reply

Marsh Posté le 02-04-2007 à 12:16:08    

y'a des milliers de façons de faire, avec JS ou sans JS, conforme W3C ou non.
 
par contre, aucune solution n'a la garantie de marcher sur tous les navigateur :p

Reply

Marsh Posté le 03-04-2007 à 18:08:29    

Citation :

y'a des milliers de façons de faire, avec JS ou sans JS, conforme W3C ou non.


Serait-il possible d'avoir un petit script  :bounce:  
 

Citation :

par contre, aucune solution n'a la garantie de marcher sur tous les navigateur


Oui mais de toute façon un site vu avec IE ne sera pas forcement le même avec firefox mais je vais pas m'amusé à faire mon site en fonction de plusieurs naviguateurs c'est au choix des visiteurs de choisir sont navigateur mais faudra pas s'étoner si sur les sites ont voit apparaitre "compatible seulement avec tel ou tel naviguateur" et se sera aux visiteurs de jongler !


Message édité par auredu59 le 03-04-2007 à 18:08:53
Reply

Marsh Posté le 03-04-2007 à 18:24:05    

regarde du cote de la fonction setTimeout qui permet d'executer une fonction js au bout d'un certain temps

Reply

Marsh Posté le 03-04-2007 à 21:00:32    

Oui sa peut être une solution, l'ouverture d'un message aprés un temps définie... mais j'ai pas trouvé pour un lien.  [:ospookie]

Reply

Marsh Posté le 03-04-2007 à 21:55:43    

Code :
  1. <SCRIPT language="JavaScript">
  3. function chargement()
  4. {
  5.   setTimeout("url_modif()",2000);
  6. }
  8. function url_modif()
  9. {
  10.   document.getElementById('link').href='ok.html';
  11. }
  13. </SCRIPT>
  14. <body onload="chargement();">
  15. <a href="non.html" id="link">Lien</a>
  16. </body>

Message cité 1 fois
Reply

Marsh Posté le 03-04-2007 à 22:46:48    

nycius a écrit :

Code :
  1. <SCRIPT language="JavaScript">
  3. function chargement()
  4. {
  5.   setTimeout("url_modif()",2000);
  6. }
  8. function url_modif()
  9. {
  10.   document.getElementById('link').href='ok.html';
  11. }
  13. </SCRIPT>
  14. <body onload="chargement();">
  15. <a href="non.html" id="link">Lien</a>
  16. </body>



 
Oui mais l'a t'as quand même un lien ;)
 

Code :
  1. [quotemsg=1538131,8,37159][cpp]<script type="text/javascript">
  3. function chargement()
  4. {
  5.   setTimeout("url_modif()",2000);
  6. }
  8. function url_modif()
  9. {
  10. var lien = "lien.html";
  11. intitule = "Texte décrivant mon lien";
  13.   document.getElementById('changinglink').innerHTML= '<a href="'+lien+'">'+intitule+'</a>'
  14. }
  16. </script>
  17. <body onload="chargement();">
  18. <span id="changinglink">Pas de lien</span>
  19. </body>


 
De plus
 

Code :
  1. <SCRIPT language="JavaScript">


 
Ca n'existe pas :o


---------------
Mains power can kill, and it will hurt the entire time you’re dying from it.
Reply

Marsh Posté le 03-04-2007 à 22:52:56    

Si il veut exactement la meme chose apres il bidouille selon  :ange:  
 

Code :
  1. <SCRIPT language="JavaScript">
  2. function chargement()
  3. {
  4. setTimeout("url_modif()",5000);
  5. }
  6. function url_modif()
  7. {
  8. document.getElementById('attente').style.display='none';
  9. document.getElementById('link').style.display='block';
  10. }
  11. </SCRIPT>
  12. <body onload="chargement();">
  13. <div id="attente" style="display:block">Faut attendre !</div>
  14. <div id="link" style="display:none"><a href="non.html">Lien</a></div>
  15. </body>

Message cité 1 fois
Reply

Marsh Posté le 03-04-2007 à 22:52:56   

Reply

Marsh Posté le 03-04-2007 à 22:59:25    

nycius a écrit :

Si il veut exactement la meme chose apres il bidouille selon  :ange:  
 

Code :
  1. <SCRIPT language="JavaScript">
  2. function chargement()
  3. {
  4. setTimeout("url_modif()",5000);
  5. }
  6. function url_modif()
  7. {
  8. document.getElementById('attente').style.display='none';
  9. document.getElementById('link').style.display='block';
  10. }
  11. </SCRIPT>
  12. <body onload="chargement();">
  13. <div id="attente" style="display:block">Faut attendre !</div>
  14. <div id="link" style="display:none"><a href="non.html">Lien</a></div>
  15. </body>



 
Ca c'est inutile :
 

Code :
  1. <div id="attente" style="display:block">


 
Et ça, bordel, ça n'existe pas :
 

Code :
  1. <SCRIPT language="JavaScript">


 
 
Le mieux serait de cacher les liens via Javascript, ça évitera de bloquer en cas de JS désactivé (surtout si c'est pour faire attendre pendant de la pub :o)
 
 

Message cité 1 fois

---------------
Mains power can kill, and it will hurt the entire time you’re dying from it.
Reply

Marsh Posté le 03-04-2007 à 23:02:33    

Shinuza a écrit :

Ca c'est inutile :
 

Code :
  1. <div id="attente" style="display:block">


 
Et ça, bordel, ça n'existe pas :

Code :
  1. <SCRIPT language="JavaScript">


 
 
Le mieux serait de cacher les liens via Javascript, ça évitera de bloquer en cas de JS désactivé (surtout si c'est pour faire attendre pendant de la pub :o)


 
1- explique, ne rien mettre plutot que " style="display:block"", si c'est ca ta raison je l'ai mis pour qu'il capte au moins ce quil copiera ..
2- je sais texite pas c'est le NVU de merde qui me colle ca


Message édité par nycius le 03-04-2007 à 23:03:46
Reply

Marsh Posté le 04-04-2007 à 03:24:46    

1-Ouais, c'est ce que je voulais dire
2-Change d'éditeur :D


---------------
Mains power can kill, and it will hurt the entire time you’re dying from it.
Reply

Marsh Posté le 04-04-2007 à 08:27:51    

y'a pas un attribut "disabled" sur la balise a ?

Reply

Marsh Posté le 04-04-2007 à 09:17:26    

je crois pas .  
 
Mais par contre tu mets un href='#' et la prorpriété style.cursor

Reply

Marsh Posté le 04-04-2007 à 09:23:36    

effectivement. plus changer la class CSS pour le griser, et zou :)

Reply

Marsh Posté le 04-04-2007 à 09:55:57    

moi j'aurais fait comme ça:

Code :
  1. <script type="text/javascript">
  2. var isClickable = false;
  3. function setClickable(bool){
  4.   isDisabled = bool;
  5. }
  6. window.onload = function (){
  7. setTimeOut("setClickable(true)", 5000);
  8. }
  9. </script>
  10. ...
  11. <a href="tapage.html" onclick="return isClickable">aaa</a>


Comme ça sans js y'a quand même un lien actif ;)
 

Message cité 1 fois
Message édité par anapajari le 04-04-2007 à 09:56:20
Reply

Marsh Posté le 04-04-2007 à 09:58:30    

anapajari a écrit :

moi j'aurais fait comme ça:

Code :
  1. <script type="text/javascript">
  2. var isClickable = false;
  3. function setClickable(bool){
  4.   isDisabled = bool;
  5. }
  6. window.onload = function (){
  7. setTimeOut("setClickable(true)", 5000);
  8. }
  9. </script>
  10. ...
  11. <a href="tapage.html" onclick="return isClickable">aaa</a>


Comme ça sans js y'a quand même un lien actif ;)


:jap:

Reply

Marsh Posté le 04-04-2007 à 14:11:07    

Merci pour votre aide mais en fait sa fait bien un lien mais lorsque je clic dessus il se passe rien et ce même aprés 5 secondes.

Reply

Marsh Posté le 04-04-2007 à 14:20:34    

en regardant le code de anapajari tu aurai vu que sa variable s'appelle isClickable mais après il modifie isDisabled qui n'existe pas.  
 
voici le code corrigé  

Code :
  1. <script type="text/javascript">
  2.     var isClickable = false;
  3.     function setClickable(bool){
  4.      isClickable = bool;
  5.     }
  6.     window.onload = function (){
  7.     setTimeOut("setClickable(true)", 5000);
  8.     }
  9.     </script>
  10.     ...
  11.     <a href="tapage.html" onclick="return isClickable">aaa</a>

Message cité 1 fois
Reply

Marsh Posté le 04-04-2007 à 14:24:02    

gatsu35 a écrit :

en regardant le code de anapajari tu aurai vu que sa variable s'appelle isClickable mais après il modifie isDisabled qui n'existe pas.  


 :jap:  
euh oui c'était écrit vite fait ce matin et non testé, c'est plus un concept qu'une vrai implémentation :o

Reply

Marsh Posté le 04-04-2007 à 14:31:03    

Chez moi sa ne fonctionne toujours pas! Il faut bien mettre le script sur le même page :??:  
 
 

Reply

Marsh Posté le 04-04-2007 à 14:38:54    

Tu payes combien?

Reply

Marsh Posté le 04-04-2007 à 14:46:14    

Le script de Nicyus fonctionne bine mais je sais pas si c'est sur tout les naviguateurs.


Message édité par auredu59 le 04-04-2007 à 14:46:52
Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

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