AccueilCodesTutorielsForumsEmploiLivresGuide achatConnexion

  • Javascript / Ajax / DHTML CodeS-SourceS
  • RSS CodeS-SourceS
  • CodyxBot, le Bot GTalk & MSN qu'il vous faut !
  • Générez des revenus avec vos codes, scripts et tutoriaux
  • Aide à la navigation du site
begin process at 2009 07 05 21:36:04
Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

Sujet : trop de scripts? [ JavaScript et le navigateur / Autre ] (arnaultp)

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\">"
                +                "&lt; <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

Membre Club




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



Cordialement                Bul     [mon Site]     [M'écrire]



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é 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


Nos sponsors

Sondage...

CalendriCode

Juillet 2009
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
2728293031  

Consulter la suite du CalendriCode

Téléchargements

Logiciels à télécharger sur le même thème :

Comparez les prix Nouvelle version


HTC G1
Entre 449€ et 449€


Visiter le guide achat

Photothèque Nouveau !

Photo alphabet langue des sourdsPhoto Cockpit Airbus A320
Photo cascades de plitvicePhoto maison 80 plan top 1

Visiter la photothèque


Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés
Temps d'éxécution de la page : 0,390 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.