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 2010 : ADMINISTRATION SHAREPOINT 2010TECHDAYS PARIS 2010 : ADMINISTRATION SHAREPOINT 2010 par ROMELARD Fabrice
Animé par: Patrick Guimonet et Benoit Hamet Cette session traitera des différents points exigés durant les taches d'administration : Planification (architecture, hébergement, authentification, .) Opération e...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice [TECHDAYS 2010] #03 - WEB CONTENT MANAGEMENT SOUS SHAREPOINT 2010[TECHDAYS 2010] #03 - WEB CONTENT MANAGEMENT SOUS SHAREPOINT 2010 par pierre
Stephane Cordonnier de MCNext nous présente les fonctionnalités Web Content Management (WCM) sous SharePoint 2010. Qu'est-ce que le WCM ECM, GED, RM, WCM c'est quoi Plateforme SharePoint Versions SharePoint 2010 SharePoint Fondation...
Cliquez pour lire la suite de l'article par pierre [DESIGN PATTERNS] PARTIE 2: DIP: DEPENDENCY INVERSION PRINCIPLE[DESIGN PATTERNS] PARTIE 2: DIP: DEPENDENCY INVERSION PRINCIPLE par tja
C'est le dernier principe des principes du Design Orienté Objet (The Principles of Object Oriented Design) fondés par Robert C. Martin plus connu sous le pseudonyme d'Uncle Bob.
l'image empruntée de LosTechies.
Je ne traite pas les principes dans...
Cliquez pour lire la suite de l'article par tja TECHDAYS PARIS 2010 : SHAREPOINT 2010 POUR LES DéVELOPPEURSTECHDAYS PARIS 2010 : SHAREPOINT 2010 POUR LES DéVELOPPEURS par ROMELARD Fabrice
Animé par: Laurent Cotton Le développement dans SharePoint 2010 passe par plusieurs axes qui seront évoqués dans cette session, mais plus particulièrement les développements simples lié au besoin Business Business Connectivity Services Ce BCS es...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice TECHDAYS PARIS 2010 : PLEINIèRE DERNIER JOURTECHDAYS PARIS 2010 : PLEINIèRE DERNIER JOUR par ROMELARD Fabrice
Cette session est la dernière pleinière de ces 3 jours de TechDays Paris 2010. Généralement, cette troisième journée est plus axée sur l'avenir vu par Microsoft. Après un retour sur l'avenir vu par la Science Fiction ou par ...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice
Forum
 PETITE HORLOGEPETITE HORLOGE par tatillon
Cliquez pour lire la suite par tatillon
Logiciels
 DB-MAIN (9.1.0)DB-MAIN (9.1.0)DB-MAIN is a data-modeling and data-architecture tool. It is designed to help developers and anal... Cliquez pour télécharger DB-MAIN Xilisoft DPG Convertisseur (5.1.37.0120)XILISOFT DPG CONVERTISSEUR (5.1.37.0120)Xilisoft DPG Convertisseur offre aux fans de Nintendo DS une bonne solution leur permettant de dé... Cliquez pour télécharger Xilisoft DPG Convertisseur GraphicsGale (2.01.01)GRAPHICSGALE (2.01.01)GraphicsGale est un logiciel de PixelArt avec de nombreuse fonctionnalités permettant de réalisé ... Cliquez pour télécharger GraphicsGale Architecte 3D (Platinum 2010)ARCHITECTE 3D (PLATINUM 2010)Architecte 3D Platinium vous permet de concevoir facilement les plans votre future maison, de l'é... Cliquez pour télécharger Architecte 3D TeamViewer 5 (TeamViewer 5)TEAMVIEWER 5 (TEAMVIEWER 5)Dépanner un ami,expliquer une manipulation devient un jeu d'enfant.
Prise en main d'un autre ord... Cliquez pour télécharger TeamViewer 5
|