Modification de script

Modification de script - HTML/CSS - Programmation

Marsh Posté le 28-12-2004 à 09:58:11    

Salut,
j'ai un script de formulaire déroulant qui ammène à un lien, et je voudrais pouvoir le combiner avec un autre pour me permettre l'ouverture dans un popup centré.
Voilà le script du menu:
 

Code :
  1. <!-- saved from url=(0022)http://internet.e-mail -->
  2. <HTML><HEAD><TITLE>Menu arborescent en listes déroulantes</TITLE>
  3. <SCRIPT LANGUAGE="JavaScript">
  4. //  
  6. var menu=new CreerMenu(3," **** 1 - Choisir un thème **** "," **** 2 - Choisir un sujet **** "," **** 3 - Choisir un site **** ","titre 4","_blank" );
  7. // CreerMenu(Nb de listes, titre1, titre2, titre3, target)
  8. // Nb listes=4 maxi
  9. // Les 4 titres sont obligatoires (meme si Nb_liste<4)
  10. // target=nom de la frame ou "self" si c'est la fenetre elle meme, "_blank" pour une nouvelle
  11. // Pour ajouter les liens dans les listes, utiliser menu.Add
  12. // Menu.Add(numéro de la liste, texte, page à charger)
  13. menu.Add(1,"Internet","" );
  14. menu.Add(2,"Création de sites","" );
  15.  menu.Add(3,"Tout JavaScript.com","http://www.toutjavascript.com" );
  16.  menu.Add(3,"All HTML","http://www.allhtml.com" );
  17.  menu.Add(3,"Praktica","http://www.praktica.com" );
  18. menu.Add(2,"Graphismes","" );
  19.  menu.Add(3,"ZoneGifs","http://www.zonegifs.com" );
  20.  menu.Add(3,"GoGraph","http://fr.gograph.com" );
  21. menu.Add(2,"Hébergement","" );
  22.  menu.Add(3,"Free.fr","http://www.free.fr" );
  23.  menu.Add(3,"Multimania","http://www.multimania.fr" );
  24.  menu.Add(3,"Chez","http://www.chez.com" );
  26. menu.Add(1,"Matériel","" );
  27. menu.Add(2,"Documentation","" );
  28.  menu.Add(3,"Hardware.fr","http://www.hardware.fr" );
  29.  menu.Add(3,"Choix PC","http://www.choixpc.com" );
  30.  menu.Add(3,"VTR Hardware","http://www.vtr-hardware.com" );
  31. menu.Add(2,"Enchères","" );
  32.  menu.Add(3,"IBazar","http://www.ibazar.fr" );
  33.  menu.Add(3,"Aucland","http://www.aucland.fr" );
  34. menu.Add(2,"Fabricants","" );
  35.  menu.Add(3,"Intel","http://www.intel.fr" );
  36.  menu.Add(3,"AMD","http://www.amd.com" );
  37.  menu.Add(3,"Macintosh","http://www.apple.com/fr" );
  40. function CreerMenu(profondeur,titre1,titre2,titre3,titre4,target) {
  41. this.nb=0;this.prof=profondeur;
  42. this.titre1=titre1; this.titre2=titre2; this.titre3=titre3; this.titre4=titre4; this.target=target
  43. this.Add=AddObjet;
  44. this.Aff=AffMenu;
  45. }
  46. function AddObjet(deep,txt,page) {
  47. var rub = new Object;
  48. rub.deep=deep;
  49. rub.txt=txt;
  50. rub.page=page;
  51. this[this.nb]=rub;
  52. this.nb++;
  53. }
  54. function AffMenu() {
  55. var Z="<FORM name='mf'>";
  56. Z+="<SELECT size=1 name='list1' onChange='Clic(1)'><OPTION selected>"+this.titre1+"</OPTION>";
  57. for (var i=0;i<this.nb;i++) {
  58.  if (this[i].deep==1) {
  59.   Z+="<OPTION value='"+i+"'>"+this[i].txt+"</OPTION>"
  60.  }
  61. }
  62. Z+="</SELECT>";
  63. for (var i=2;i<=menu.prof;i++) {
  64.  Z+="<SELECT name='list"+i+"' onChange='Clic("+i+" )'><OPTION>"+eval("menu.titre"+i)+"</OPTION><OPTION></OPTION><OPTION></OPTION><OPTION></OPTION><OPTION></OPTION><OPTION></OPTION></SELECT>";
  65. }
  66. Z+="</FORM>";
  67. document.write(Z);
  68. }
  69. function add() {
  70. var c=new Option("ADD","",true,true);
  71. document.forms[0].elements["list"].options[0]=c;
  72. }
  73. function Clic(no) {
  74. var valeur=document.forms["mf"].elements["list"+no].options[ document.forms["mf"].elements["list"+no].selectedIndex].value;
  75. if ((valeur!="" )&&(valeur!=null)&&(no<menu.prof)) {
  76.  var deep=menu[valeur].deep;
  77.  var no2=1;
  78.  for (var noX=(no+1);noX<=menu.prof;noX++) {
  79.   document.forms["mf"].elements["list"+eval(noX)].options.length=0;
  80.   var titre=eval("menu.titre"+noX);
  81.   var c=new Option(titre);
  82.   document.forms["mf"].elements["list"+(noX)].options[0]=c;
  83.   document.forms["mf"].elements["list"+(noX)].selectedIndex=0;
  84.  }
  85.  valeur++;
  86.  for (var i=valeur;i<menu.nb;i++) {
  87.   //alert(i);
  88.   if (menu[i].deep==deep+1) {
  89.    //alert("no="+no+" texte="+menu[i].txt);
  90.    var c=new Option(menu[i].txt,i);
  91.    document.forms["mf"].elements["list"+(no+1)].options[no2]=c;
  92.    no2++;
  93.   } else { if (menu[i].deep==deep){i=menu.nb;}}
  94.  }
  95.  document.forms["mf"].elements["list"+(no+1)].options.length=no2+1;
  96.  document.forms["mf"].elements["list"+(no+1)].selectedIndex=0;
  97.  Clic(no+1)
  98.  valeur--;
  99. }
  100. if ((valeur!="" )&&(valeur!=null)) {
  101.  var page=menu[valeur].page;
  102.  if ((page!="" )&&(page!=null)) {
  103.   if (menu.target=="self" ) {window.location=page}
  104.   else if (menu.target=="_blank" ) {window.open(page,"","menubar,scrollbars,toolbar,status,location" )}
  105.   else {parent.frames[menu.target].location.href=page;}
  106.  }
  107. }
  108. }
  109. // Fonctions destinées à afficher l'arborescence du menu
  110. function space(i) {var Z="";for (var j=0;j<i;j++){Z+="&nbsp;&nbsp;&nbsp;&nbsp;";}return Z}
  111. function Arbo(m) {
  112. var Z="<BR>";
  113. for (var i=0;i<m.nb;i++) {
  114.  Z+=space(m[i].deep)+m[i].txt+"&nbsp;&nbsp; <A href='"+m[i].page+"'>"+m[i].page+"</A><BR>"
  115. }
  116. document.write(Z);
  117. }
  118. // Section utile pour la démonstration
  120. </SCRIPT>
  121. </HEAD>
  123. <BODY bgcolor="#FFFFFF" text="#FFFFFF" alink="#000066" link="#000066" vlink="#000066" >
  124. <FONT FACE="Arial" SIZE='-1' COLOR="#000099">
  126. <CENTER><BIG>Menu arborescent par listes déroulantes </BIG></CENTER>
  127. <BR>
  129. <SCRIPT language="JavaScript">
  130. menu.Aff();
  131. </SCRIPT>
  132. <BR>
  133. </FONT></BODY></HTML>


 
et voilà celui pour l'ouverture du popup

Code :
  1. <HTML>
  2. <HEAD>
  3. <TITLE>Tout JavaScript.com - Ouverture d'une PopUp centré</TITLE>
  4. <SCRIPT LANGUAGE="JavaScript">
  5. //
  6. //  <  >
  7. function PopupCentrer(page,largeur,hauteur,options) {
  8.   var top=(screen.height-hauteur)/2;
  9.   var left=(screen.width-largeur)/2;
  10.   window.open(page,"","top="+top+",left="+left+",width="+largeur+",height="+hauteur+","+options);
  11. }
  12. </SCRIPT>
  13. </HEAD>
  15. <BODY bgcolor="white" text="#FAFAFF" alink="#000066" link="#000066" vlink="#000066" >
  16. <CENTER><BIG>Ouvrir un popup centré</BIG></CENTER><BR><BR>
  17. <FONT FACE="Arial" SIZE='-1' COLOR="#333333">
  18. Pour ouvrir une fen&ecirc;tre POPUP, <A HREF='javascript:PopupCentrer("bantjs3.gif",500,70,"menubar=no,scrollbars=no,statusbar=no" )'>Cliquez sur ce lien</A>. <BR><BR>
  20. <form>Ou cliquez sur ce bouton :
  21. <input type='button' value='Pop Up' onClick='PopupCentrer("bantjs3.gif",500,70,"menubar=no,scrollbars=no,statusbar=no" )'>
  22. </form>
  23. <BR>
  24. <BR>
  25. <BR>
  26. <BR>
  27. <BR>
  28. <CENTER><A href=""><FONT size="1" face="arial" color="#CCCCFF">Tout JavaScript.com</FONT></A></CENTER>
  30. </FONT></BODY></HTML>


 
Si vous pouviez m'aider ;)

Reply

Marsh Posté le 28-12-2004 à 09:58:11   

Reply

Marsh Posté le 28-12-2004 à 20:02:58    

up un peu d'aide SVP

Reply

Marsh Posté le 29-12-2004 à 10:34:35    

Etape 1 : trouver dans le 1er script le code qui ouvre une page.
Etape 2 : modifier ce code en s'inspirant du 2ème script.
 
Pour te mettre sur la voie : cherche dans chaque script la fonction window.open()
 
Avec ça tu devrais pouvoir avancer

Reply

Marsh Posté le 30-12-2004 à 01:55:07    

J'ai trouvé !!
 :hello:

Reply

Sujets relatifs:

Leave a Replay

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