Problem de script

zanaxx Messages postés 7 Statut Membre -  
zanaxx Messages postés 7 Statut Membre -
Bonjour,

je souhaiterais faire aparaitre a l'aide de mon menu des pages html dans un seul et unique cadre
afin d'évité le chargement complet de la page

mon script du menu et le suivant :


<div align="center" id="left_menu">
<p align="left"><a href="mainFrame.html" onmouseover="MM_swapImage('home','','images/bottom/home.GIF',1)" onmouseout="MM_swapImgRestore()"><img src="images/bottom/bouton.png" name="home" width="105" height="32" border="0" lowsrc="main_content" id="home" /></a>
p>
</div>


mon cadre :


<div align="center" id="main_content"></div>

si quelqu'un a une solutiona me proposé
sa serais simpas
Configuration: Windows XP
Firefox 3.5.7

6 réponses

  1. avion-f16 Messages postés 19182 Date d'inscription   Statut Contributeur Dernière intervention   4 511
     
    Crées ton site normalement.
    Ensuite, à l'aide d'AJAX, tu charges le HTML complet d'une page et tu ne récupères le que HTML du div #main_content avec une regex.
    0
  2. zanaxx Messages postés 7 Statut Membre
     
    ben écoute dsl
    mon script et le suivant il faut juste m'aidé a le completé afin que le menu face apparaitre mes infos dans un cadre en scroll, je voit pas ou es le probleme !

    quesqu'un site normale pour toi ?

    site : www.kymax-events.com
    0
  3. avion-f16 Messages postés 19182 Date d'inscription   Statut Contributeur Dernière intervention   4 511
     
    Je te conseille la solution d'AJAX car l'utilisation des iframes est très mauvaise pour le référencement, et cette balise est obsolète.
    Quand je dis un site "normal", c'est-à-dire que toutes les pages existent et que on navigue de page en page, sans rester sur la même. Et après avec Javascript/AJAX, on transforme cette navigation "normale" en ne chargeant que le contenu.

    Si tu veux quand même utiliser les iframes, ajoute un id sur celle-ci puis sur tes liens :
    <a href="#" onclick="document.getElementById('id_iframe').src = 'accueil.html'; return false;">Accueil</a>
    0
  4. zanaxx Messages postés 7 Statut Membre
     
    il ya pas de frame c'est juste que j'ai apelé la page mainframe histoire de my retrouvé.
    tout est sur une seul page avec des cadres vide que je souhaite remplir par le biais de page html parallele
    je n'ais pas utilisé les jeux de frame que me propose dreamweaver

    j'ai juste juste créer un cadre centrale qui doit contenir toute les infos suivant les boutons cliké

    il faut juste m'aidé a completé mon script de mes boutons animé voir meme le corrigé sans pour otant suprimé l'animation de mon menu ! car rien est en flash car je ne maitrise pas du tout le flash, c'est pour cela que j'ai opté la solution que me proposais dreamweaver


    script totale de ma page :


    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>KYMAX-EVENTS</title>
    <style type="text/css">
    <!--
    @import url("combox.css");
    body,td,th {
    color: #FFFFFF;
    }
    body {
    background-color: #000000;
    background-image: url(images/Rochefont_website_copie.jpg);
    background-repeat: no-repeat;
    }
    -->
    </style>
    <script type="text/JavaScript">
    <!--
    function MM_preloadImages() { //v3.0
    var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    }

    function MM_swapImgRestore() { //v3.0
    var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    }

    function MM_findObj(n, d) { //v4.01
    var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
    if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
    for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
    if(!x && d.getElementById) x=d.getElementById(n); return x;
    }

    function MM_swapImage() { //v3.0
    var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
    if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    }
    //-->
    </script>
    <style>
    #cadrecentrale {
    margin-left:180px;
    min-height:150px;
    margin-right:180px;
    border-left:1px dashed #000000; /* couleur du cadre */
    border-right:1px dashed #000000;
    border-bottom:1px dashed #000000;
    border-top:1px dashed #000000;
    background-color:#00FBFF;
    }
    .Style1 {font-size: 9px}
    </style>
    </head>

    <body>
    <div align="center" class="Style1">
    <p><img src="images/intro_skull_copie.png" alt="" name="ZONE_1" width="386" height="243" border="0" id="ZONE_1" /></p>
    <p> </p>
    <p> </p>
    <p><img src="images/bar-titre.PNG" alt="bar-style" width="673" height="31" /></p>
    </div>
    <div align="center" id="left_menu">
    <p align="left"><a href="mainFrame.html" target="main_content" onmouseover="MM_swapImage('home','','images/bottom/home.GIF',1)" onmouseout="MM_swapImgRestore()"><img src="images/bottom/bouton.png" name="home" width="105" height="32" border="0" id="home" /></a><a href="#" target="mainFrame" onmouseover="MM_swapImage('events','','images/bottom/events.GIF',1)" onmouseout="MM_swapImgRestore()"><img src="images/bottom/bouton.png" name="events" width="105" height="32" border="0" id="events" /></a><a href="#" target="mainFrame" onmouseover="MM_swapImage('galeries','','images/bottom/galeries.GIF',1)" onmouseout="MM_swapImgRestore()"><img src="images/bottom/bouton.png" name="galeries" width="105" height="32" border="0" id="galeries" /></a><a href="#" target="mainFrame" onmouseover="MM_swapImage('djs','','images/bottom/djs.GIF',1)" onmouseout="MM_swapImgRestore()"><img src="images/bottom/bouton.png" name="djs" width="105" height="32" border="0" id="djs" /></a><a href="#" target="mainFrame" onmouseover="MM_swapImage('shop','','images/bottom/shop.GIF',1)" onmouseout="MM_swapImgRestore()"><img src="images/bottom/bouton.png" name="shop" width="105" height="32" border="0" id="shop" /></a><a href="#" target="mainFrame" onmouseover="MM_swapImage('contact','','images/bottom/contact.GIF',1)" onmouseout="MM_swapImgRestore()"><img src="images/bottom/bouton.png" name="contact" width="105" height="32" border="0" id="contact" /></a><a href="#" target="mainFrame" onmouseover="MM_swapImage('links','','images/bottom/links.GIF',1)" onmouseout="MM_swapImgRestore()"><img src="images/bottom/bouton.png" name="links" width="105" height="32" border="0" id="links" /></a></p>
    </div>
    <div align="center" id="main_content"></div>
    <div align="right" id="ende"></div>
    </body>
    </html>
    0
  5. Vous n’avez pas trouvé la réponse que vous recherchez ?

    Posez votre question
  6. thibault122 Messages postés 5 Date d'inscription   Statut Membre 1
     
    dezole je peux pas t'aider j'ai vista
    0
    1. avion-f16 Messages postés 19182 Date d'inscription   Statut Contributeur Dernière intervention   4 511
       
      Ne poste pas d'abord ...
      Et puis Vista, XP, Linux, ... ça ne change rien !
      0
  7. zanaxx Messages postés 7 Statut Membre
     
    LA SOLUTION ETAIT AUSSI SIMPLE !

    <div align="center" id="main_content"> <td height="462" colspan="2" background="images/fondgris.gif" class="texteblanc"><iframe
    name=site
    align=center
    marginwidth=0
    marginheight=0
    src="accueil.htm"
    frameborder=no
    noresize
    width=963
    height=462> </iframe></td>
    </tr></div>
    0