A voir également:
- Probleme de div et de lien...
- Lien url - Guide
- Créer un lien pour partager des photos - Guide
- Verificateur de lien - Guide
- Lien de bara ✓ - Forum Virus
- Faux lien prank - Forum Autoit / batch
12 réponses
avion-f16
Messages postés
19250
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
22 décembre 2024
4 505
25 oct. 2009 à 14:44
25 oct. 2009 à 14:44
Tu as bien mis "return false;" sur ton lien pour ne pas qu'il continue à s'exécuter ?
avion-f16,
merci de prendre le temps de me répondre...
En revérifiant ce que tu me dis, j'ai modifié deux choses et maintenant le message erreur s'affiche... Je ne sais toujours pas pourquoi mes pages ne s'affichent pas mais c'est un début... Car le message d'erreur s'affiche dans la div concernée.
Merci
cela avance petit à petit mais ça progresse.
merci de prendre le temps de me répondre...
En revérifiant ce que tu me dis, j'ai modifié deux choses et maintenant le message erreur s'affiche... Je ne sais toujours pas pourquoi mes pages ne s'affichent pas mais c'est un début... Car le message d'erreur s'affiche dans la div concernée.
Merci
cela avance petit à petit mais ça progresse.
avion-f16
Messages postés
19250
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
22 décembre 2024
4 505
25 oct. 2009 à 15:26
25 oct. 2009 à 15:26
Je ne peux pas deviner ton code.
Si c'est possible d'avoir la "démo" en ligne ...
Si c'est possible d'avoir la "démo" en ligne ...
Je vais directement te mettre le code car les pages sont sur mon pc et non en ligne c'est en prévision d'un changement de ce qui est actuellement en ligne. Cela vient certainement du fichiers '.js' mais bon, j'essaie de décripter.... Le test avec l'erreur de téléchargement se passe uniquement sur un lien :
Les noms des fonctions sont bateau ne t'inquiète pas...
Code de mon fichiers '.js' :
function appel(url,target) {
document.getElementById(target).innerHTML = 'loading data...';
if (window.XMLHttpRequest) {
req = new XMLHttpRequest();
req.onreadystatechange = function() {appelDone(target)};
req.open("GET", url, true);
req.send(null);
} else if (window.ActiveXObject) {
req = new ActiveXObject("Microsoft.XMLHTTP");
if (req) {
req.onreadystatechange = function() {appelDone(target)};
req.open("GET", url, true);
req.send();
}
}
}
function appelDone(target) {
// only if req is "loaded"
if (req.readyState == 4) {
// only if "OK"
if (req.status == 200 || req.status == 304) {
results = req.responseText;
document.getElementById(target).innerHTML = results;
} else {
document.getElementById(target).innerHTML="erreur de chargement:\n" +
req.statusText;
}
}
}
Et voici le code de ma page sachant que je test uniquement sur le lien de pension que je t'ai mis en gras...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Elevage & pension</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript" src="aideMenu.js"></script>
<style type="text/css">
div#menu {
/*width: 100px;*/
background-color: #39AE97;
vertical-align:middle;
}
div#menu ul {
padding: 0;
/*width: 100px;
border:1px solid;*/
margin:0px;
background-color: #39AE97;
}
div#menu ul li {
position: relative;
width: 120px;
list-style: none;
/*border-bottom:1px solid;*/
background-color: #39AE97;
float:left;
}
div#menu ul ul {
position: absolute;
/*top: -1px;
left: 100px;*/
background-color: #39AE97;
display:none;
width:120px;
}
div#menu li a {
text-decoration: none;
padding: 4px 0 4px /*8*/;
display:block;
/*border-left:8px solid #BBB; */
width:120px;
}
div#menu li.sousmenu {
background-color:#39AE97;
}
body {
behaviour: url(csshover.htc);
}
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2,
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {
display:block;
}
div#menu a {
color:#000000;
font:Geneva, Arial, Helvetica, sans-serif;
}
div#menu li:hover {
background:#8ACEBB;
}
div#menu ul.niveau3 {
top:0;
left:120px;
}
<!--
body {
background-color: #CDEBDB;
}
.style1 {
color: #993300;
font-weight: bold;
}
-->
</style>
</head>
<body>
<div id="présentationPhoto" align="center">
<img src="photos/menu1.JPG" width="133" height="100" border="2"><img src="photos/menu2.JPG" width="134" height="100" border="2"><img src="photos/menu3.JPG" width="134" height="100" border="2"><img src="photos/menu4.JPG" width="134" height="100" border="2"><img src="photos/menu5.JPG" width="134" height="100" border="2"><img src="photos/menu6.JPG" width="121" height="100" border="2"><img src="photos/menu7.JPG" width="134" height="100" border="2">
</div>
<div align="center"><img src="photos/bienvenu.jpg" align="absmiddle">
</div>
<div id="menu" align="center">
<ul class="niveau1">
<li><a href="index.php"><strong>Accueil</strong></a></li>
<li class="sousmenu"><a href="#Exploitation"><strong>Exploitation</strong></a>
<ul class="niveau2">
<li><a href="html/localisation.htm">Localisation</a></li>
<li><a href="html/evolution.htm">Evolution</a></li>
</ul>
</li>
<li class="sousmenu"><a href="#Prestation"><strong>Prestation</strong></a>
<ul class="niveau2">
<li><a href="#" onclick="javascript:appel('html/pension.htm','Pages');">Pension</a></li>
<li><a href="html/debourrage.htm">Débourrage</a></li>
<li><a href="html/poulinage.htm">Poulinage</a></li>
<li><a href="html/lecon.htm">Leçons</a></li>
</ul>
</li>
<li class="sousmenu"><a href="#Poulains"><strong>Poulains</strong></a>
<ul class="niveau2">
<li class="sousmenu"><a href="#PoulainsT">Poulains T, nés en 2007</a>
<ul class="niveau3">
<li><a href="html/TicTacDeCaro.htm">Tic-Tac de Caro</a></li>
<li><a href="html/TelmaDeCaro.htm">Telma de Caro</a></li>
</ul>
</li>
<li class="sousmenu"><a href="#PoulainsU">Poulains U, nés en 2008</a>
<ul class="niveau3">
<li><a href="html/UneDeCaro.htm">Une de Caro</a></li>
<li><a href="html/UltimaDeCaro.htm">Ultima de Caro</a></li>
<li><a href="html/UneStarDeCaro.htm">Une Star de Caro</a></li>
</ul>
</li>
<li class="sousmenu"><a href="#PoulainsV">Poulains V, nés en 2009</a>
<ul class="niveau3">
<li><a href="html/VaViteDeCaro.htm">Va Vite de Caro</a></li>
</ul>
</li>
<li class="sousmenu"><a href="#Archives">Archives</a>
<ul class="niveau3">
<li><a href="html/PoulainsR.htm">Poulains R, nés en 2005</a></li>
<li><a href="html/poulainsS.htm">Poulains S, nés en 2006</a></li>
</ul>
</li>
</ul>
</li>
<li class="sousmenu"><a href="#Galerie"><strong>Galerie</strong></a>
<ul class="niveau2">
<li class="sousmenu"><a href="#Photos">Photos</a>
<ul class="niveau3">
<li><a href="html/photos2008.htm">2008</a></li>
<li><a href="html/photos2009.htm">2009</a></li>
</ul>
</li>
<li class="sousmenu"><a href="#Videos">Vidéos</a>
<ul class="niveau3">
<li><a href="html/BalPoulain.htm">Le bal des poulains</a></li>
<li><a href="html/UneNaissance.htm">Une naissance</a></li>
<li><a href="html/BaignadeDePrintemps.htm">La baignade de printemps</a></li>
</ul>
</li>
<li class="sousmenu"><a href="#Diaporama">Diaporama</a>
<ul class="niveau3">
<li><a href="html/plaisirPersonnel.htm">Pour un plaisir personnel</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="html/adresse.htm"><strong>Contact</strong></a></li>
<li><a href="#or"><strong>Livre d'or</strong></a></li>
<li class="sousmenu"><a href="#Nouveaute"><strong>Nouveauté</strong></a>
<ul class="niveau2">
<li><a href="html/pubPoney.htm">Les poneys plaisirs</a></li>
</ul>
</li>
</ul>
</div>
<p>
</p>
<p> </p>
<p> </p>
<div align="center" id="Pages">
<span class="style14 style1">Tous les deux ont le plaisir de vous faire découvrir leur exploitation,</span> <span class="style14 style1">en vous souhaitant une bonne visite ... </span>
<p><img src="photos/accueil.jpg" width="327" height="256" align="absmiddle"></p>
<p class="style15 style1">Découvrez et appréciez cet environnement et ses occupants issus de la volonté et de la détermination d'une femme habitée par la passion de son métier.</p>
</div>
</p>
</body>
</html>
Avant tout s'affichait dans iframe mais avec un souci entre le menu et les flash affiché dans la iframe, c'est pour cela que j'essaie d'utiliser les div pour l'affichage
Les noms des fonctions sont bateau ne t'inquiète pas...
Code de mon fichiers '.js' :
function appel(url,target) {
document.getElementById(target).innerHTML = 'loading data...';
if (window.XMLHttpRequest) {
req = new XMLHttpRequest();
req.onreadystatechange = function() {appelDone(target)};
req.open("GET", url, true);
req.send(null);
} else if (window.ActiveXObject) {
req = new ActiveXObject("Microsoft.XMLHTTP");
if (req) {
req.onreadystatechange = function() {appelDone(target)};
req.open("GET", url, true);
req.send();
}
}
}
function appelDone(target) {
// only if req is "loaded"
if (req.readyState == 4) {
// only if "OK"
if (req.status == 200 || req.status == 304) {
results = req.responseText;
document.getElementById(target).innerHTML = results;
} else {
document.getElementById(target).innerHTML="erreur de chargement:\n" +
req.statusText;
}
}
}
Et voici le code de ma page sachant que je test uniquement sur le lien de pension que je t'ai mis en gras...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Elevage & pension</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript" src="aideMenu.js"></script>
<style type="text/css">
div#menu {
/*width: 100px;*/
background-color: #39AE97;
vertical-align:middle;
}
div#menu ul {
padding: 0;
/*width: 100px;
border:1px solid;*/
margin:0px;
background-color: #39AE97;
}
div#menu ul li {
position: relative;
width: 120px;
list-style: none;
/*border-bottom:1px solid;*/
background-color: #39AE97;
float:left;
}
div#menu ul ul {
position: absolute;
/*top: -1px;
left: 100px;*/
background-color: #39AE97;
display:none;
width:120px;
}
div#menu li a {
text-decoration: none;
padding: 4px 0 4px /*8*/;
display:block;
/*border-left:8px solid #BBB; */
width:120px;
}
div#menu li.sousmenu {
background-color:#39AE97;
}
body {
behaviour: url(csshover.htc);
}
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2,
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {
display:block;
}
div#menu a {
color:#000000;
font:Geneva, Arial, Helvetica, sans-serif;
}
div#menu li:hover {
background:#8ACEBB;
}
div#menu ul.niveau3 {
top:0;
left:120px;
}
<!--
body {
background-color: #CDEBDB;
}
.style1 {
color: #993300;
font-weight: bold;
}
-->
</style>
</head>
<body>
<div id="présentationPhoto" align="center">
<img src="photos/menu1.JPG" width="133" height="100" border="2"><img src="photos/menu2.JPG" width="134" height="100" border="2"><img src="photos/menu3.JPG" width="134" height="100" border="2"><img src="photos/menu4.JPG" width="134" height="100" border="2"><img src="photos/menu5.JPG" width="134" height="100" border="2"><img src="photos/menu6.JPG" width="121" height="100" border="2"><img src="photos/menu7.JPG" width="134" height="100" border="2">
</div>
<div align="center"><img src="photos/bienvenu.jpg" align="absmiddle">
</div>
<div id="menu" align="center">
<ul class="niveau1">
<li><a href="index.php"><strong>Accueil</strong></a></li>
<li class="sousmenu"><a href="#Exploitation"><strong>Exploitation</strong></a>
<ul class="niveau2">
<li><a href="html/localisation.htm">Localisation</a></li>
<li><a href="html/evolution.htm">Evolution</a></li>
</ul>
</li>
<li class="sousmenu"><a href="#Prestation"><strong>Prestation</strong></a>
<ul class="niveau2">
<li><a href="#" onclick="javascript:appel('html/pension.htm','Pages');">Pension</a></li>
<li><a href="html/debourrage.htm">Débourrage</a></li>
<li><a href="html/poulinage.htm">Poulinage</a></li>
<li><a href="html/lecon.htm">Leçons</a></li>
</ul>
</li>
<li class="sousmenu"><a href="#Poulains"><strong>Poulains</strong></a>
<ul class="niveau2">
<li class="sousmenu"><a href="#PoulainsT">Poulains T, nés en 2007</a>
<ul class="niveau3">
<li><a href="html/TicTacDeCaro.htm">Tic-Tac de Caro</a></li>
<li><a href="html/TelmaDeCaro.htm">Telma de Caro</a></li>
</ul>
</li>
<li class="sousmenu"><a href="#PoulainsU">Poulains U, nés en 2008</a>
<ul class="niveau3">
<li><a href="html/UneDeCaro.htm">Une de Caro</a></li>
<li><a href="html/UltimaDeCaro.htm">Ultima de Caro</a></li>
<li><a href="html/UneStarDeCaro.htm">Une Star de Caro</a></li>
</ul>
</li>
<li class="sousmenu"><a href="#PoulainsV">Poulains V, nés en 2009</a>
<ul class="niveau3">
<li><a href="html/VaViteDeCaro.htm">Va Vite de Caro</a></li>
</ul>
</li>
<li class="sousmenu"><a href="#Archives">Archives</a>
<ul class="niveau3">
<li><a href="html/PoulainsR.htm">Poulains R, nés en 2005</a></li>
<li><a href="html/poulainsS.htm">Poulains S, nés en 2006</a></li>
</ul>
</li>
</ul>
</li>
<li class="sousmenu"><a href="#Galerie"><strong>Galerie</strong></a>
<ul class="niveau2">
<li class="sousmenu"><a href="#Photos">Photos</a>
<ul class="niveau3">
<li><a href="html/photos2008.htm">2008</a></li>
<li><a href="html/photos2009.htm">2009</a></li>
</ul>
</li>
<li class="sousmenu"><a href="#Videos">Vidéos</a>
<ul class="niveau3">
<li><a href="html/BalPoulain.htm">Le bal des poulains</a></li>
<li><a href="html/UneNaissance.htm">Une naissance</a></li>
<li><a href="html/BaignadeDePrintemps.htm">La baignade de printemps</a></li>
</ul>
</li>
<li class="sousmenu"><a href="#Diaporama">Diaporama</a>
<ul class="niveau3">
<li><a href="html/plaisirPersonnel.htm">Pour un plaisir personnel</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="html/adresse.htm"><strong>Contact</strong></a></li>
<li><a href="#or"><strong>Livre d'or</strong></a></li>
<li class="sousmenu"><a href="#Nouveaute"><strong>Nouveauté</strong></a>
<ul class="niveau2">
<li><a href="html/pubPoney.htm">Les poneys plaisirs</a></li>
</ul>
</li>
</ul>
</div>
<p>
</p>
<p> </p>
<p> </p>
<div align="center" id="Pages">
<span class="style14 style1">Tous les deux ont le plaisir de vous faire découvrir leur exploitation,</span> <span class="style14 style1">en vous souhaitant une bonne visite ... </span>
<p><img src="photos/accueil.jpg" width="327" height="256" align="absmiddle"></p>
<p class="style15 style1">Découvrez et appréciez cet environnement et ses occupants issus de la volonté et de la détermination d'une femme habitée par la passion de son métier.</p>
</div>
</p>
</body>
</html>
Avant tout s'affichait dans iframe mais avec un souci entre le menu et les flash affiché dans la iframe, c'est pour cela que j'essaie d'utiliser les div pour l'affichage
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
avion-f16
Messages postés
19250
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
22 décembre 2024
4 505
26 oct. 2009 à 17:12
26 oct. 2009 à 17:12
Quelle erreur t'affiches-t-il ?
Il m'affiche le message d'erreurs de fin fonction : 'erreur de téléchargement'...
j'ai essayé de trouvé depuis le pourquoi et en mettant des alertes, ce sont mes req.status qui ne fonctionnent pas...
j'ai essayé de trouvé depuis le pourquoi et en mettant des alertes, ce sont mes req.status qui ne fonctionnent pas...
c'est pas facil de s'y remettre pourtant je suis sûr que la solution est sous mon nez... J'ai modifier des truc où alors j'avais l'affichage soudain de 'loading data' comme l'indique le début de la fonction 'appel'... Je l'ai remodifier pour de nouveau avoir 'erreur de téléchargement'...
avion-f16
Messages postés
19250
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
22 décembre 2024
4 505
26 oct. 2009 à 18:02
26 oct. 2009 à 18:02
req.onreadystatechange = function() {appelDone(target)}; Essaye plutôt avec :req.onreadystatechange = function() {appelDone(target,xhr.readyState)};Parce que, si je ne me trompe pas, depuis une fonction, tu ne peux pas accèder aux variables des autres alors tu es obligé de passer les variables nécessaires en paramètre.
Autre conseil : au lieu d'écrire la requête 2 fois (pour IE et les autres), crées l'objet XmlHttpRequest ou ActiveX puis fais tes traitements sur cet objet (comme dans ce tuto).
en rajoutant ce que tu me conseilles, j'obtiens la valeur 'loading data...'...
Je regarde en détail de tuto dont tu m'as donné le lien en espérant bientôt pourvoir afficher les liens des pages...
merci de l'aide que tu m'apportes...
Je regarde en détail de tuto dont tu m'as donné le lien en espérant bientôt pourvoir afficher les liens des pages...
merci de l'aide que tu m'apportes...
Bonsoir
En changeant d'autre chose plus rien ne marche...
Allé, ce code n'aura pas raison de moi... Je trouverais...
Merci
En changeant d'autre chose plus rien ne marche...
Allé, ce code n'aura pas raison de moi... Je trouverais...
Merci
avion-f16
Messages postés
19250
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
22 décembre 2024
4 505
27 oct. 2009 à 17:47
27 oct. 2009 à 17:47
Quand on fait du JS, la console d'erreur de Firefox (dans "Outils") est très pratique ...
