Problem de script
zanaxx
Messages postés
6
Date d'inscription
Statut
Membre
Dernière intervention
-
zanaxx Messages postés 6 Date d'inscription Statut Membre Dernière intervention -
zanaxx Messages postés 6 Date d'inscription Statut Membre Dernière intervention -
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
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
A voir également:
- Problem de script
- Script vidéo youtube - Guide
- Mas script - Accueil - Windows
- Ghost script - Télécharger - Polices de caractères
- Script cmd - Guide
- Script download - Télécharger - Édition & Programmation
6 réponses
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.
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.
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
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
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 :
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>
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>
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>
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
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>
<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>