IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Insertion de script


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre habitué
    Profil pro
    Inscrit en
    Janvier 2009
    Messages
    10
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2009
    Messages : 10
    Par défaut Insertion de script
    Voilà je suis en train de créer un menu horizontal dont le code fonctionne dans un simple fichier .html. Seulement je suis en ce moment en stage et le site pour lequel je travail et sous Oxatis. Pour ceux qui ne connaissent pas et sans faire de pub il se compose de modules prédéfini dans lequel on insère nos script.

    Voici le mien:

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style>
    * {
    margin:0; 
    padding:0;
    }
    body {
    font:14px Helvetica, sans-serif; 
    font-weight:bold; 
    background:#FFF;
    }
    .menu {
    position:relative; 
    background:url(Menu.jpg) no-repeat; 
    height:42px; 
    width:982px;
    }
    .menu ul {
    list-style:none; 
    z-index:10; 
    position:absolute; 
    z-index:100; 
    padding:9px 250px;
    }
    .menu li {
    float:left;
    }
    .menu a, .menu a:active, .menu a:visited, .menu a:hover {
    text-decoration:none; 
    color:#474845; 
    padding:10px;
    }
    #slide {
    position:absolute; 
    top:6px; 
    height:24px; 
    background:#89957a; 
    z-index:10;
    }
    </style>
    <SCRIPT language="JavaScript"> 
    <!--
    var menuSlider=function(){
    	var m,e,g,s,q,i; e=[]; q=8; i=8;
    	return{
    		init:function(j,k){
    			m=document.getElementById(j); e=m.getElementsByTagName('li');
    			var i,l,w,p; i=0; l=e.length;
    			for(i;i<l;i++){
    				var c,v; c=e[i]; v=c.value; if(v==1){s=c; w=c.offsetWidth; p=c.offsetLeft}
    				c.onmouseover=function(){menuSlider.mo(this)}; c.onmouseout=function(){menuSlider.mo(s)};
    			}
    			g=document.getElementById(k); g.style.width=w+'px'; g.style.left=p+'px';
    		},
    		mo:function(d){
    			clearInterval(m.tm);
    			var el,ew; el=parseInt(d.offsetLeft); ew=parseInt(d.offsetWidth);
    			m.tm=setInterval(function(){menuSlider.mv(el,ew)},i);
    		},
    		mv:function(el,ew){
    			var l,w; l=parseInt(g.offsetLeft); w=parseInt(g.offsetWidth);
    			if(l!=el||w!=ew){
    				if(l!=el){var ld,lr,li; ld=(l>el)?-1:1; lr=Math.abs(el-l); li=(lr<q)?ld*lr:ld*q; g.style.left=(l+li)+'px'}
    				if(w!=ew){var wd,wr,wi; wd=(w>ew)?-1:1; wr=Math.abs(ew-w); wi=(wr<q)?wd*wr:wd*q; g.style.width=(w+wi)+'px'}
    			}else{clearInterval(m.tm)}
    }};}();
    //-->
    </script>
    </head>
    <body onload="menuSlider.init('menu','slide')">
    <div class="menu">
        <ul id="menu">
            <li><a href="#">Accueil</a></li>
            <li><a href="#">Contact</a></li>
            <li><a href="#">Commande en ligne</a></li>
        </ul>
        <div id="slide"></div>
    </div>
    </body>
    </html>



    Mon problème se situe dans la balise body: <body onload="menuSlider.init('menu','slide')">

    Sous Oxatis les basiles principales de type <head> ou <body> étant prédéfinies on ne peut les modifier.

    Est ce que quelqu'un saurait ou je pourrai placer la partie:
    onload="menuSlider.init('menu','slide')" autre part que dans body? Je suis vraiment débutante en javascript.

    merci d'avance

    PS: si ca peut aider plus, le résultat au final donne un menu comme celui ici: http://www.webinventif.fr/wp-content...ct/index2.html

  2. #2
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 55
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Tu peux le faire dans le head de la page en ajoutant :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    <script type="text/javascript">
        window.onload = function(){
            menuSlider.init('menu','slide')
        }
    </script>
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  3. #3
    Membre habitué
    Profil pro
    Inscrit en
    Janvier 2009
    Messages
    10
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2009
    Messages : 10
    Par défaut
    Merci beaucoup ça fonctionne tout aussi bien. Je vais tester ca maintenant sous Oxatis en espérant que ca fonctionne aussi.

Discussions similaires

  1. AS3 et utilisation des flashvars & insertion dans script
    Par mac_zen dans le forum ActionScript 3
    Réponses: 3
    Dernier message: 18/01/2011, 11h39
  2. Log pour erreurs Insert dans script Shell
    Par pcsystemd dans le forum Linux
    Réponses: 1
    Dernier message: 16/06/2009, 21h54
  3. [MySQL] Erreur d'insertion avec script PHP
    Par Anthodev dans le forum PHP & Base de données
    Réponses: 2
    Dernier message: 20/09/2008, 15h00
  4. Insertion auto script
    Par popov130 dans le forum EDI, CMS, Outils, Scripts et API
    Réponses: 7
    Dernier message: 20/09/2007, 17h41

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo