lien fixe sur image aléatoire

lien fixe sur image aléatoire - HTML/CSS - Programmation

Marsh Posté le 24-10-2006 à 01:33:44    

Bonjour j'ai une toute petite question:
donc je genere une image differente chaque jour voici le script d'affichage:

Code :
  1. <SCRIPT LANGUAGE="JavaScript">
  2. <!--
  3. now=new Date();
  4. day=now.getDay();
  5. document.write("<IMG SRC='../design/edito/imagedujour/" + day + ".gif' WIDTH=185 HEIGHT=115 ALT='Image du Jour'>" );
  6. //-->
  7. </SCRIPT>


 
et je voudrais y inclure un lien ouverture pop up est ce qu'une solution dans ce genre est envisageable en la marriant avec le script d'affichage?

Code :
  1. <a href="#" onClick="window.open('http://www.µµµ.com/recommandation/index.php','_blank','toolbar=0, location=0, directories=0, status=0, scrollbars=2, resizable=0, copyhistory=0, menuBar=0, width=650, height=650');return(false)">

Reply

Marsh Posté le 24-10-2006 à 01:33:44   

Reply

Marsh Posté le 24-10-2006 à 08:46:45    

le code généré automatiquement ne ser pas evaluer, ( mis a part en utilisant la fonction eval , mais c'est sale )  
 
tu peux faire ton lien normal  
<a href="#"onClick="window......"><img  id="imagequichange" src=""></a>
 
et lors du chargement de la page, tu fait  
document.getElementById.src ='../design/edito/imagedujour/" + day + ".gif';
 

Message cité 1 fois
Reply

Marsh Posté le 24-10-2006 à 12:26:45    

Bonjour flo850  j'ai un peu honte de patauger ds du js mais si tu pouvais etre un brin plus precis cela m'aiderait.

Reply

Marsh Posté le 24-10-2006 à 12:30:34    

Faire ça en PHP serait plus judicieux...

Reply

Marsh Posté le 24-10-2006 à 12:44:29    

sans doute mais j'ai une base existante et un gros site à gérer et les journées ne font que 24h :\ connaitrais tu une appli predeveloppée qui pourrait donner ce resultat?

Reply

Marsh Posté le 24-10-2006 à 12:49:44    

A partir du moment où ton serveur sait déjà gérer le php et que tu conais les bases du php, alors faire ça en php c'est une histoire de 5 mn + 2-3 lignes de codes.
 
En fait, ca prendrait plus de temps de télécharger du code, ouvrir l'archive téléchargé et copier coller le code où il faut que de l'écrire soit même.

Reply

Marsh Posté le 24-10-2006 à 14:42:34    

flo850 a écrit :

le code généré automatiquement ne ser pas evaluer, ( mis a part en utilisant la fonction eval , mais c'est sale )  
 
tu peux faire ton lien normal  
<a href="#"onClick="window......"><img  id="imagequichange" src=""></a>
 
et lors du chargement de la page, tu fait  
document.getElementById.src ='../design/edito/imagedujour/" + day + ".gif';


 
comme ceci j'ai le lien mais plus l'image:
 

Code :
  1. <div align="left"><a href="#" onClick="window.open('http://www.***.com/recommandation/index.php','_blank','toolbar=0, location=0, directories=0, status=0, scrollbars=2, resizable=0, copyhistory=0, menuBar=0, width=650, height=650');return(false)"><IMG SRC='design/edito/imagedujour/" + day + ".gif' WIDTH=185 HEIGHT=115 ALT='Image du Jour'></a>

Reply

Marsh Posté le 24-10-2006 à 15:02:50    

Pourquoi est-ce que tu ne mets pas le lien dans l'attribut href, et utilise this.href dans le window.open ? Ca permetterait de rendre accessible le lien, parce que là c'est portnawak

Reply

Marsh Posté le 24-10-2006 à 15:03:14    

Et là aussi, t'as du JS mélangé à l'HTML [:johneh] Forcément ça peut pas marcher

Reply

Marsh Posté le 24-10-2006 à 15:11:38    

Bien j'avance^^
 
dans head:

Code :
  1. <SCRIPT LANGUAGE="JavaScript">
  2. var nbimage= 70;
  3. var width;
  4. var height;
  5. var url;
  6. var alte;
  7. function banniere()
  8. {
  9. numimage= Math.round(Math.random()*(nbimage-1)+1);
  10. if (numimage <= 10)
  11. {
  12. gotosite = "http://www.***.com/FR/popup/edito.php";
  13. url = "design/edito/0.gif";
  14. alte = "0";
  15. }
  16. if (numimage > 10 && numimage <= 20)
  17. {
  18. gotosite = "http://www.***.com/FR/popup/edito.php";
  19. url = "design/edito/1.gif";
  20. alte = "1";
  21. }
  22. if (numimage > 20 && numimage <= 30)
  23. {
  24. gotosite = "http://www.***.com/FR/popup/edito.php";
  25. url = "design/edito/2.gif";
  26. alte = "2";
  27. }
  28. if (numimage > 30 && numimage <= 40)
  29. {
  30. gotosite = "http://www.***.com/FR/popup/edito.php";
  31. url = "design/edito/3.gif";
  32. alte = "3";
  33. }
  34. if (numimage > 40 && numimage <= 50)
  35. {
  36. gotosite = "http://www.***.com/FR/popup/edito.php";
  37. url = "design/edito/4.gif";
  38. alte = "4";
  39. }
  40. if (numimage > 50 && numimage <= 60)
  41. {
  42. gotosite = "http://www.***.com/FR/popup/edito.php";
  43. url = "design/edito/5.gif";
  44. alte = "5";
  45. }
  46. if (numimage > 60)
  47. {
  48. gotosite = "http://www.***.com/FR/popup/edito.php";
  49. url = "design/edito/6.gif";
  50. alte = "6";
  51. }
  52. if(gotosite != "" )
  53. {
  54. document.write ('<A HREF="' + gotosite + '">');
  55. }
  56. document.write('<IMG SRC="' + url + '" ALT="' + alte + '" BORDER=0>')
  57. if(gotosite != "" )
  58. {
  59. document.write('</A>')
  60. }
  61. }
  62. </SCRIPT>


 
affichage:

Code :
  1. <SCRIPT language="JavaScript">
  2. banniere();
  3. </SCRIPT>


 
voila c'est en etat de marche maintenant je souhaiterai ouvrir les liens en pop up merci d'avance pour vos reponses qui me font avancer cours js accéléré oblige^^


Message édité par vincent2208 le 24-10-2006 à 19:52:19
Reply

Marsh Posté le 24-10-2006 à 15:11:38   

Reply

Marsh Posté le 24-10-2006 à 23:36:34    

Personne n'a de reponses pour ouvrir les liens en pop up? :(

Reply

Marsh Posté le 12-11-2008 à 22:02:30    

Bonjour à tous,
Je suis moi aussi à la recherche d'un peu d'aide svp... j'ai trouvé bcp de scripts sur la toile mais je n'ai pas réussi à faire ce que je voulais. Cela va certainement vous sembler "basique" mais je cherche à avoir dans une zone de mon site en html, une dizaine d'images aléatoires ayant toute un lien différent pointant sur des pages internes de mon site (pas de popup).  
Pour ne pas avoir à modifier toutes les pages du site, je souhaitais appeler cette fonction dans un fichier .js
J'ai vu qu'il fallait enlever <SCRIPT LANGUAGE="JavaScript"> et </SCRIPT> pour faire un .js et placer <SCRIPT LANGUAGE="JavaScript">nom de la fonction ();</SCRIPT> dans la zone où le javascript doit s'executer.
Or, en prenant le code de VINCENT2208 ci-dessus, je n'arrive pas à faire monter les images. Au mieux, j'ai le chiffre 2 qui s'affiche (et qui est cliquable) mais ce chiffre ne change pas (il pourrait passer à 3, 4...etc mais non).
Je suis vraiment un débutant et j'essaye de me débrouiller avec ce que je trouve mais à, je coince. Je ne pense pas être loin...
Je vous assure avoir chercher avant de demander de l'aide...
Un grand merci d'avance pour votre aide.

Reply

Sujets relatifs:

Leave a Replay

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