Accueil > Forum > > > > trop de scripts?
 trop de scripts?
mardi 26 juin 2007 à 14:01:25 |
trop de scripts?
arnaultp
|
Bonjour à tous! J'ai ajouté un nouveau script à ma superbe page html ce matin. Et depuis, j'ai un de mes scripts qui ne marche plus :/ Et j'ai beau chercher et chercher, je ne vois pas ce qui cloche. voici une partie de ma pahe html: <head>
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="css/man.css" />
<script language=javascript src="js/menu_deroulant.js"></script>
<script language=javascript src="js/defilement_menu.js"></script>
<!-- <script language=javascript src="js/menu_dynamique_dhtml.js"></script> -->
</head>==> si j'enlève le commentaire, c'est defilement_menu.js qui ne marche plus. Voici le code de ces 2 scripts: defilement_menu :
<!--
//images du manège
var pict = ["js/sodedat93.PNG",
"js/qualite.jpg",
"js/documents_types.png",
"js/help.png"];
//lien des vignettes dans l'ordre des images ci dessus
var lien = ["sodedat();",
"qualite();",
"documents_types();",
"help();"];
var angle = 0, ll, hh, bcl, vit = 0.05;
//taille des vignettes
var taille = 50;
//largeur de tout le manège
var largeur = 30*pict.length;
//hauteur de tout le manège
var hauteur = 40;
function window_onload()
{
for( i=1 ; i<pict.length+1 ; i++ )
{
document.body.innerHTML += "<img id=i"+i+" src="+pict[i-1]+" onmouseover=\"vit=0\" onmouseout=\"vit=0.05\" onclick=\""+lien[i-1]+"\" class=imag>"
}
return move()
}
function move()
{
ll=document.body.clientWidth/2
hh=document.body.clientHeight/2
angle=angle-vit
for( i=1 ; i<pict.length+1 ; i++ )
{
document.getElementById("i"+i).style.left = ll + largeur*(Math.cos(angle + i*Math.PI/(pict.length/2)));
document.getElementById("i"+i).style.top = hh + hauteur*(Math.sin(angle + i*Math.PI/(pict.length/2))) + document.getElementById("i"+i).width/2;
agl = angle + i*Math.PI/(pict.length/2);
document.getElementById("i"+i).width = 20*(Math.sin(agl))+taille;
document.getElementById("i"+i).style.zIndex = 50*(Math.sin(agl))+100;
document.getElementById("i"+i).style.opacity = (Math.sin(agl)+1)*0.50;
document.getElementById("i"+i).style.filter = "alpha(opacity=" + (Math.sin(agl)+1)*50 + ")";
}
setTimeout("move()",40);
}
function sodedat()
{
document.getElementById("texte").innerHTML = "<h1 id=\"sodedat\"> La Sodedat 93 </h1>"
+ "<ul> "
+ "<li> <a href=#> Organigramme </a> </li>"
+ "<li> <a href=#> KBis </a> </li>"
+ "<li> <a href=#> Status </a> </li>"
+ "</ul>";
}
function qualite()
{
document.getElementById("texte").innerHTML = "<h1 id=\"qualite\"> Qualité </h1>";
}
function documents_types()
{
document.getElementById("texte").innerHTML = "<h1 id=\"doc_typ\"> Documents Types </h1>"
+ "<ul> "
+ "<li> <a href=#> Foncier </a> </li>"
+ "<li> <a href=#> Marchés </a> </li>"
+ "<li> <a href=#> Réponses de S93 </a> </li>"
+ "</ul>";
}
function help()
{
document.getElementById("texte").innerHTML = "<h1 id=\"help\"> Aide / Formation </h1>"
+ "<ul> "
+ "<li> <a href=#> FAQ </a> </li>"
+ "<li> <a href=#> Se former </a> </li>"
+ "<li> <a href=#> Docs administrateur </a> </li>"
+ "</ul>";
}
-->
menu_dynamique_dhtml:
<!--
ejs_mv3_largeur = 150;
ejs_mv3_hauteur = 400;
/* LISTE DES MENU */
ejs_mv3_menu = new Array;
ejs_mv3_menu[0] = 'menu1';
ejs_mv3_menu[1] = 'menu2';
ejs_mv3_menu[2] = 'menu3';
/* LISTE DES LIENS */
ejs_mv3_lien = new Array;
ejs_mv3_lien[0] = ''
ejs_mv3_lien[1] = ''
ejs_mv3_lien[2] = ''
ejs_mv3_lien[0] += "- <a href=\"#\" class=\"sous_menu\" > menu1.1 </a> <br>";
ejs_mv3_lien[0] += "- <a href=\"#\" class=\"sous_menu\" > menu1.2 </a> <br>";
ejs_mv3_lien[0] += "- <a href=\"#\" class=\"sous_menu\" > menu1.3 </a> <br>";
ejs_mv3_lien[1] += "- <a href=\"#\" class=\"sous_menu\" > menu2.1 </a> <br>";
ejs_mv3_lien[2] += "- <a href=\"#\" class=\"sous_menu\" > menu3.1 </a> <br>";
ejs_mv3_lien[2] += "- <a href=\"#\" class=\"sous_menu\" > menu3.2 </a> <br>";
function d(texte)
{
document.write(texte);
}
d("<div id=\"ejs_mv3_relativ\" >");
/* + "style=\"position:relative;"
+ "width:" + ejs_mv3_largeur + ";"
+ "height:" + ejs_mv3_hauteur + ";"
+ "\">"
);*/
d("<div id=\"ejs_mv3_cadre\" >");
/* + "style=\"position:absolute;"
+ "width:" + (ejs_mv3_largeur-8) + ";"
+ "height:" + (ejs_mv3_hauteur-8) + ";"
+ "top:4;" + "left:4;"
+ "clip:rect(0 " + (ejs_mv3_largeur-8) + " " + (ejs_mv3_hauteur-8) + " 0)\">"
);*/
d("<div id=\"ejs_mv3_scroll_1\" "
+ "style=\"position:absolute;"
+ "width:" + (ejs_mv3_largeur-8) + ";"
+ "left:0;" + " top:0;" + " \" "
+ "class=\"sous_menu\">"
+ "Chargement du menu ..."
+ "</div>"
);
d("<div id=\"ejs_mv3_scroll_2\" "
+ "style=\"position:absolute;"
+ "width:" + (ejs_mv3_largeur-8) +";"
+ "top:0;"
+ "left:" + ejs_mv3_largeur + ";"
+ "class=\"sous_menu\">"
+ "</div>"
);
d("</div></div>");
ejs_mv3_mode = 1;
ejs_mv3_actuel = 0;
function ejs_mv3_show(menu)
{
if( menu == "menu" )
{
var html = "<table >";
for( a=0 ; a<ejs_mv3_menu.length ; a++ )
{
html += "<tr>"
+ "<td>"
+ "<a href=\"#\" onClick=\"ejs_mv3_show(" + a + "); return(false);\" class=\"sous_menu\">"
+ ejs_mv3_menu[a]
+ "</a>"
+ "</td>"
+ "</tr>";
}
html += "</table>";
document.getElementById("ejs_mv3_scroll_1").innerHTML = html;
if(ejs_mv3_mode == 2)
ejs_mv3_action(1);
}
else
{
var html = "<table height=" + (ejs_mv3_hauteur-15) + ">"
+ "<tr>"
+ "<td height=20 align=center class=\"sous_menu\">"
+ ejs_mv3_menu[menu]
+ "</td>"
+ "</tr>"
+ "<tr>"
+ "<td height=" + (ejs_mv3_hauteur-55) + " valign=top class=\"sous_menu\">"
+ ejs_mv3_lien[menu]
+ "</td>"
+ "</tr>"
+ "<tr>"
+ "<td height=20 class=\"sous_menu\">"
+ "< <a href=\"#\" onClick=\"ejs_mv3_show(\'menu\');return(false)\" class=\"sous_menu\"> Retour </a>"
+ "</td>"
+ "</tr>"
+ "</table>";
document.getElementById("ejs_mv3_scroll_2").innerHTML = html;
if(ejs_mv3_mode == 1)
ejs_mv3_action(2);
}
}
ejs_mv3_cursor = ejs_mv3_largeur;
function ejs_mv3_action(action)
{
if(action == 2)
{
if( ejs_mv3_cursor > 0 )
{
ejs_mv3_cursor -= 10;
document.getElementById("ejs_mv3_scroll_1").style.left = ejs_mv3_cursor - ejs_mv3_largeur;
document.getElementById("ejs_mv3_scroll_2").style.left = ejs_mv3_cursor;
setTimeout("ejs_mv3_action(" + action + ")",1);
ejs_mv3_mode = 2;
}
}
else
{
if( ejs_mv3_cursor < ejs_mv3_largeur )
{
ejs_mv3_cursor += 10;
document.getElementById("ejs_mv3_scroll_1").style.left = ejs_mv3_cursor - ejs_mv3_largeur;
document.getElementById("ejs_mv3_scroll_2").style.left = ejs_mv3_cursor;
setTimeout("ejs_mv3_action(" + action + ")",1);
ejs_mv3_mode = 1;
}
}
}
window.onload = new Function("ejs_mv3_show(\"menu\")");
-->
Merci d'avance pour vos réponses
|
|
mardi 26 juin 2007 à 14:03:16 |
Re : trop de scripts?
arnaultp
|
J'ai oublié de préciser: tous les scripts marchent très bien indépendamment.
Merci
|
|
mardi 26 juin 2007 à 14:11:26 |
Re : trop de scripts?
bultez
|
Bonjour,
sans préjuger du reste :
window.onload = new Function("ejs_mv3_show(\"menu\")");
et tu as une fonction window_onload qui doit aussi être appelée
sur window.onload ou <body onload=....
l'une annule l'autre
sinon : il y a un message d'erreur ? et :
o~~~~~~~~~~~~~~~~~o~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~o~~~~~~~~~~~~~~~~o
| Avec | et mieux : |
|~~~~~~~~~~~~~~~~~|~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|~~~~~~~~~~~~~~~~|
| |regarder la "console d'erreurs" | FireBug |
| | Outils / Console d'erreurs | |
|~~~~~~~~~~~~~~~~~|~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|~~~~~~~~~~~~~~~~|
||activer le deboggage : Outils/options Internet/Avancés | le Debogger IE |
| | dans la liste, sous "Navigation" : décocher | |
| | ° Afficher une notification de chaque erreur de script | |
| | ° Désactiver le débogage de Scripts (autres applications)| |
| | ° Désactiver le débogage de Scripts (Internet Explorer) | |
o~~~~~~~~~~~~~~~~~o~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~o~~~~~~~~~~~~~~~~o
|
|
mardi 26 juin 2007 à 14:15:40 |
Re : trop de scripts?
Zobibol
|
Réponse acceptée !
Salutation, comme ça au pied levé ( oups, j'ai failli choir )
c'est un problème de onload sur le body ,
je pense que tu dois l'avoir plusieur fois, donc, il n'en interprête qu'un seul et je pense c'est le dernier qui est interpréter.
il est donc, plus logique de réécrire une méthode independante qui éxécutera toutes les méthodes appelée sur le onload
par exemple :
window.onload = function (){
// appel de la méthode onload de menu_dynamique_dhtml
ejs_mv3_show("menu");
// appel de la méthode onload de defilement_menu
window_onload();
}
et donc supprimer
window.onload = new Function("ejs_mv3_show(\"menu\")");
Mais cela semble être un problème relativement récurent dans le forum.
[o-_-o]
|
|
mardi 26 juin 2007 à 14:39:40 |
Re : trop de scripts?
arnaultp
|
Merci à tous les deux pour vos réponses très rapides.
Et merci à toi Zobibol pour ta réponse qui était un peu plus précise...
|
|
mardi 26 juin 2007 à 14:45:55 |
Re : trop de scripts?
roro06
|
Bonjour
et je pense c'est le dernier qui est interpréter.
Je confirme Une solution, dans ce genre de cas, est de remplacer les window.onload par des "écouteurs" (si si !!), des "listener" informatiquement parlant ! un truc du genre : (window.attachEvent)? window.attachEvent("onload", <fonction>) : window.addEventListener("load", <fonction>, false); // Oui ! même pour ça, il faut différencier les sniffeurs
ton :
window.onload = new Function("ejs_mv3_show(\"menu\")");
peut s'écrire :
(window.attachEvent)?
window.attachEvent("onload", function(){ejs_mv3_show("menu")}) :
window.addEventListener("load", function(){ejs_mv3_show("menu")}, false); ou bien : (window.attachEvent)?
window.attachEvent("onload", ejs_init) :
window.addEventListener("load", ejs_init, false); function ejs_init(){ ejs_mv3_show("menu") } ça permet de ne plus avoir a modifier les onload du body, les window.onload, etc ... qu'on peut retrouver dans plusieurs scripts différents. Contrairement au window.onload, on peut ajouter autant de listener que necessaire, ils ne s'"écrasent" pas les uns les autres Cordialement
Roro06 
|
|
mardi 26 juin 2007 à 14:46:27 |
Re : trop de scripts?
roro06
|
Bonjour
ah ! posté trop tard !!
Cordialement
Roro06
|
|
mardi 26 juin 2007 à 16:52:56 |
Re : trop de scripts?
arnaultp
|
Merci pour cette très précieuse précision roro06 ;) C'est en effet très utile.
Merci encore
|
|
Cette discussion est classée dans : menu, document, getelementbyid, ejs, mv3
 Répondre à ce message
 Sujets en rapport avec ce message
Compatibilite [ par JB ]
A grand dieu pardonnez moi de mon ignorance ! Plus serieusement, je suisdebutant programmeur (etudiant en BTS d'info, je n'avais que quelques basesde
Pb Menu dynamique [ par ultimaty ]
Voila j'ai un probleme j'ai mon menu avec des rubriques et sous rubriquesj'aurais aime faire apparaitre mon sous menu lors d'un passage de la souris d
Probléme entre deux scripts [ par massacr ]
Bonjour, Je veux mettre deux scripts dans ma page.L'un est un effet de texte déroulant, l'autre est un effet d'ouverture de message au chargement de l
probleme avec le redimensionnement sous IE [ par Dohny ]
Bonjour à tous !! Mon problème ne concerne pas principalement le JS, mais je pense que lui seul m'apportera la solution , or je suis pas encore billi
Créer un objet sur chaque objet besoins de POO [ par mickaelpfr ]
Salut a tous, bon hé bien j'aurais besoins d'un coup de main pour un "menu" je m'explique : j'ai un élément div sur lequel j'ai un menu a créer ( qui
Problème programmation menu déroulant [ par schietnet ]
Bonjour à tous. Voila, j'ai un petit problème dans la programmation d'un menu. J'aimerais avoir un menu dynamique, qui en cliquant dessus déroule les
pb de refresh de menu [ par tianet ]
Bonsoir, Je voudrais faire un menu qui une fois qu'une option est sélectionnée une nouvelle page s'ouvre et que le menu reste selectionné à la bonne o
mettre une variable dans un lien [ par David78390 ]
Salut à tous, j'ai un petit bug qui me gene. Je voudrais faire un avec une varaible dedans. Voila le code qui me permet de changer le texte en fonct
code compatible Mozilla et IE [ par salim81 ]
bonjour a tous! j'ai des script javascript qui sont compatible a Mozilla et les meme script en changeant bien sur quelques fonction compatible IE.je c
Menu [ par flopad ]
Bonjour tout le monde!J'ai un menu auquel je souhaite ajouter des rubriques, le problème est que lorsque j'ouvre toutes les rubriques en même temps, c
 Livres en rapport
|
Derniers Blogs
 TECHDAYS PARIS 2012 : WINDOWS SERVER "8" QUOI DE 9 !TECHDAYS PARIS 2012 : WINDOWS SERVER "8" QUOI DE 9 ! par ROMELARD Fabrice
Speakers: Fabrice Meillon et Stanislas Quastana Cette session est basée entièrement sur celle donnée lors de la BUILD cet hiver. Il n'y a pas d'ajout d'information en rapport avec cet évènement passé. Windows 8 Server sera intégralem...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice [HTML5] AUTOUR DU W3C : NOUVEAUX STANDARDS ET WEB MOBILE (LILLE)[HTML5] AUTOUR DU W3C : NOUVEAUX STANDARDS ET WEB MOBILE (LILLE) par Gio
Je m'y prends un peu tard je sais, mais bon je suis développeur web et donc hyper fainéant ! Toujours dans le cadre des technologies émergentes, ici HTML5, parce qu'on aime HTML5 chez Wyg , nous seront présent, le vieux ( Aurélien V.) et moi, pour pr...
Cliquez pour lire la suite de l'article par Gio [WP7] DYNAMICALLY CHANGE STARTUP PAGE[WP7] DYNAMICALLY CHANGE STARTUP PAGE par KooKiz
Let's say that you want to allow the user to customize the startup page of your application. You can easily change the startup page by editing the 'NavigationPage' attribute in the manifest file. But the manifest cannot be modified once the applicatio...
Cliquez pour lire la suite de l'article par KooKiz SESSION SILVERLIGHT 5 3D : SLIDES ET DEMOSSESSION SILVERLIGHT 5 3D : SLIDES ET DEMOS par Groc
Durant les techdays, j'ai eu le plaisir d'animer une session sur Silverlight 5 et la 3D avec Simon Ferquel. Comme promis, voici nos slides et mes démos (celles avec le viper BSG) ici et là. Pour mémoire, les démos utilisent toutes le viper BSG...
Cliquez pour lire la suite de l'article par Groc
Logiciels
 DocTranslate (V3.1.0.0)DOCTRANSLATE (V3.1.0.0)DocTranslate est un traducteur de document Microsoft Word, PowerPoint et Excel. Il permet d'autom... Cliquez pour télécharger DocTranslate Tribler (2012)TRIBLER (2012)Tribler est un client pair à pair (P2P/Peer-to-Peer) open source avec la capacité de regarder des... Cliquez pour télécharger Tribler OneSwarm (2012)ONESWARM (2012)Le peer-to-peer qui protège votre vie privée, c'est OneSwarm.
Ce logiciel de peer-to-peer crypté... Cliquez pour télécharger OneSwarm PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V8.4)PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V8.4)PONAMEDIA TV DEVIENS HELLLOOO FLASH
LA TV SUR VOTRE ORDINATEUR.
Toute une plateforme Multi... Cliquez pour télécharger PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO Academy System (17.2.1.0)ACADEMY SYSTEM (17.2.1.0)Logiciel de gestion des établissements.
- élèves/étudiants (inscription, dossier, absence...)
-... Cliquez pour télécharger Academy System
|