Affichage d'image sous clique d'un texte
kakaluto
-
RAD ZONE Messages postés 5230 Date d'inscription Statut Contributeur Dernière intervention -
RAD ZONE Messages postés 5230 Date d'inscription Statut Contributeur Dernière intervention -
Bonjour,
j'aimerai pouvoir afficher les images sur une meme page ou se trouve le texte descriptif associe a l'image. Je m’explique, dans la page j’ai une Liste d’énumération de différents types d’avion, j’aimerai toujours en restant sur la même page que lorsque je clique sur le type d’avion une image apparait sur la droite (la deuxieme cellule de mon tableau par ex), et je pourrais ainsi de suite, en cliquant sur chaque type d’avion voir a quoi il ressemble.
J’ai fait mes recherches sur le net, je pense que c’est du JavaScript, mais je n’arrive pas a trouver comment faire.
Pouvez-vous m’aider ? Merci d’avance
j'aimerai pouvoir afficher les images sur une meme page ou se trouve le texte descriptif associe a l'image. Je m’explique, dans la page j’ai une Liste d’énumération de différents types d’avion, j’aimerai toujours en restant sur la même page que lorsque je clique sur le type d’avion une image apparait sur la droite (la deuxieme cellule de mon tableau par ex), et je pourrais ainsi de suite, en cliquant sur chaque type d’avion voir a quoi il ressemble.
J’ai fait mes recherches sur le net, je pense que c’est du JavaScript, mais je n’arrive pas a trouver comment faire.
Pouvez-vous m’aider ? Merci d’avance
A voir également:
- Affichage d'image sous clique d'un texte
- Extraire texte d'une image - Guide
- Image iso - Guide
- Transcription audio en texte word gratuit - Guide
- Affichage double ecran - Guide
- Excel cellule couleur si condition texte - Guide
7 réponses
oui :-))
utilise plutot le menu en php sinon tu te retrouve avec 2 DOCTYPE sur ta page et ton menu repasse en ISO ce qui fait les petit point d interogation :-))
bon la le forum corrige les ? mais il y as bien 2 doctype et le passage a l ISO sur le 2em dans la page genere
regarde bien les fichiers php que j ai mis pour voir les modifs pour les liens fichiers externe du menu que j ai passe sur la page pottoka.php
RAD
utilise plutot le menu en php sinon tu te retrouve avec 2 DOCTYPE sur ta page et ton menu repasse en ISO ce qui fait les petit point d interogation :-))
<!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"><!--Dit au navigateur qu'il s'agit d'une page en HTML --> <head><!-- Début de l'entête de la page --> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <!-- le codage de la page en français --> <link rel="SHORTCUT ICON" href="http://pottokadantzan.free.fr/img-diverses/favicon.ico" /> <!-- pour l'icone du pottok dans l'url--> <meta name="robots" content="index, follow" /><!-- on dit au robot d'analyser/répertorier toutes les pages --> <meta name="description" content="Pottoka Dantzan est une association qui a pour but de promouvoir l'image du poney de race pottok, tant sur les plans culturel que technique. quinze cavalières entourées de danseurs et de musiciens préparent le spectacle Ilargi est une chorégraphie équestre inspirée de la mythologie et des traditions populaires basques." /> <meta name="keywords" content="poney, cheval, cheval basque, pottok, équitation, Pottoka dantzan, Ilargi, spectacle équestre, cavalcade, carrousel, cascade, voltige, dressage, mythologie, association, tradition, culture, manifestation, Pays basque, Pyrénées" /> <meta name="author" content="Jean Michel Etchecolonea, Pascale Petrau et Anne Cécile Duperou"><!-- Le nom des auteurs du site --> <link rel="stylesheet" type="text/css" href="../scripts/pottok_1.css" media="screen" /><!--le chemin de la feuille de style --> <title>Nos pottok</title> <!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"><!--Dit au navigateur qu'il s'agit d'une page en HTML --> <head><!-- D�but de l'ent�te de la page --> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><!-- le codage de la page en fran�ais --> <link rel="SHORTCUT ICON" href="http://pottokadantzan.free.fr/img-diverses/favicon.ico" /> <!-- pour l'icone du pottok dans l'url--> <meta name="robots" content="index, follow" /><!-- on dit au robot d'analyser/r�pertorier toutes les pages --> <meta name="description" content="Pottoka Dantzan est une association qui a pour but de promouvoir l'image du poney de race pottok, tant sur les plans culturel que technique. quinze cavali�res entour�es de danseurs et de musiciens pr�parent le spectacle Ilargi est une chor�graphie �questre inspir�e de la mythologie et des traditions populaires basques." /> <meta name="keywords" content="poney, cheval, cheval basque, pottok, �quitation, Pottoka dantzan, Ilargi, spectacle �questre, cavalcade, carrousel, cascade, voltige, dressage, mythologie, association, tradition, culture, manifestation, Pays basque, Pyr�n�es" /> <meta name="author" content="Jean Michel Etchecolonea, Pascale Petrau et Anne C�cile Duperou"><!-- Le nom des auteurs du site --> <script language="javascript" type="text/javascript" src="/scripts/menu-pottok.js"></script> <link rel="stylesheet" type="text/css" href="/scripts/menu.css" media="screen" >
bon la le forum corrige les ? mais il y as bien 2 doctype et le passage a l ISO sur le 2em dans la page genere
regarde bien les fichiers php que j ai mis pour voir les modifs pour les liens fichiers externe du menu que j ai passe sur la page pottoka.php
RAD
pour ta page apprendre le basque ! voila le code genere corrige ;-))
il faut que tu fasse bien attention et de bien mettre le bon nombre de "sub" dans le js !! surtout pas + que tu n a de sub dans ta page !! et n oublis pas les "
moi je prefert mettre le js dans les <head>
le fermer.gif looooool c est la petite croix rouge que tu as quand il ne trouve pas l image et que j ai du enregistrer avant d avoir les images
RAD
il faut que tu fasse bien attention et de bien mettre le bon nombre de "sub" dans le js !! surtout pas + que tu n a de sub dans ta page !! et n oublis pas les "
moi je prefert mettre le js dans les <head>
<!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>
<title>quizz_1_OK - Abarka
</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="robots" content="index, follow" />
<meta name="author" content="Jean Michel Etchecolonea" />
<meta name="description" content="le pays Basque est une terre de légendes, de traditions séculaires,de gastronomie et dont la langue est très originale." />
<meta name="keywords" content="légendes, mythes, prénoms, cuisine, tapas, recettes, makila, makhila, traditions, force basque, curiosités, comptines, vocabulaire basque, lexique, jeux, musiques, chistera, chants, origines des noms." />
<meta name="revisit-after" content="20 days" />
<meta http-equiv="imagetoolbar" content="no" />
<!-- Empeche IE de mettre une barre sur les images //-->
<link href="Modules/Icons/favicon.ico" rel="shortcut icon" />
<link href="Styles_Scripts/base.css" type="text/css" rel="stylesheet" />
<link href="Styles_Scripts/accueil.css" type="text/css" rel="stylesheet" />
<link href="Styles_Scripts/transmenuv.css" type="text/css" rel="stylesheet" />
<link href="Styles_Scripts/calendar.css" type="text/css" rel="stylesheet" />
<script language="JavaScript" src="Styles_Scripts/site.js" type="text/javascript">
</script>
<script language="javascript" src="Styles_Scripts/transmenu.js" type="text/javascript">
</script>
<script language="javascript" src="/Styles_Scripts/g_img.js" type="text/javascript">
</script>
<script language="javascript" src="Styles_Scripts/ts_files/scroll.js" type="text/javascript">
</script>
<script language="javascript" src="Styles_Scripts/popup.js" type="text/javascript">
</script>
<script language="JavaScript" type="text/JavaScript">
//<![CDATA[
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
//]]>
</script>
<script type="text/javascript">
//<![CDATA[
<!-- Script de Rad Zone pôur afficher les images via un lien
var subs_array = new Array("sub1","sub2","sub3","sub4","sub5","sub6","sub7","sub8","sub9","sub10","sub11","sub12");
function displaySubs(the_sub){
if (document.getElementById(the_sub).style.display==""){
document.getElementById(the_sub).style.display = "none";return
}
for (i=0;i<subs_array.length;i++){
var my_sub = document.getElementById(subs_array[i]);
my_sub.style.display = "none";
}
document.getElementById(the_sub).style.display = "";
}
// End -->
//]]>
</script>
</head>
<body>
<div id="conteneur">
<!-- le conteneur global du site sera centré //-->
<!-- Début de la section header -->
<div id="header">
<table width="880" height="40" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td width="500">
<img src="../../Modules/Images/logo.png" width="505" height="42" /></td><td>
<table cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td width="400">
<a class="adv_link" href="index.php?page=AccessCustomer&lang=Fr">Espace Client |</a>
<a class="adv_link" href="index.php?page=Help&lang=Fr">Aide en ligne</a></td>
</tr>
<tr><td>
<img src="Modules/Images/Blank.gif" width="20" height="4" /></td>
</tr>
<tr><td>
<form action="Php/Search.php" method="post">
<font class="adv_link">Rechercher
</font>
<input name="search" style="border: 1px solid #7f9db9; font-family:Verdana; font-size:10px; color:#333333; left: auto;" size="20" />
<input name="send" type="button" id="send" style="border:1px solid #663333; font-family: Arial; font-size: 7pt; font-weight: bold; color:#000000" onclick="this.form.submit();this.disabled=true;this.value='Wait...'" value="Go" />
<input type="hidden" name="lang" value="Fr" />
</form></td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table>
</div>
<!-- Fin de la section header -->
<!-- Début de l'image de la bannière -->
<div id="bandeau">
<img title="Abarka" style="margin: 0px" width="730" height="164" src="./Modules/Banners/Ikastola.jpg" alt="Abarka" /><br />
</div>
<!-- Fin de l'image de la bannière -->
<!-- Début de la section du menu dynamique -->
<div id="menu">
<div id="wrap">
<div>
<table cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr><td>
<a class="mainlevel_active-trans" id="menu01" href="index.php?page=Accueil&lang=Fr">Accueil</a></td>
</tr>
<tr><td>
<a class="mainlevel-trans" id="menu02" href="index.php?page=Traditions&lang=Fr">Traditions</a></td>
</tr>
<tr><td>
<a class="mainlevel-trans" id="menu03" href="index.php?page=Curiosites&lang=Fr">Curiosités</a></td>
</tr>
<tr><td>
<a class="mainlevel-trans" id="menu04" href="index.php?page=MythologieBasque&lang=Fr">Mythologie</a></td>
</tr>
<tr><td>
<a class="mainlevel-trans" id="menu05" href="index.php?page=Carnavals&lang=Fr">Carnavals</a></td>
</tr>
<tr><td>
<a class="mainlevel-trans" id="menu06" href="index.php?page=Contines&lang=Fr">Comptines</a></td>
</tr>
<tr><td>
<a class="mainlevel-trans" id="menu07" href="index.php?page=Lexique&lang=Fr">Le basque</a></td>
</tr>
<tr><td>
<a class="mainlevel-trans" id="menu08" href="index.php?page=Prenoms&lang=Fr">Prénoms</a></td>
</tr>
<tr><td>
<a class="mainlevel-trans" id="menu09" href="index.php?page=Recettes&lang=Fr">Recettes</a></td>
</tr>
<tr><td>
<a class="mainlevel-trans" id="menu10" href="index.php?page=Provinces&lang=Fr">Provinces</a></td>
</tr>
<tr><td>
<a class="mainlevel-trans" id="menu11" href="index.php?page=Dictons001&lang=Fr">Dictons</a></td>
</tr>
<tr><td>
<a class="mainlevel-trans" id="menu12" href="index.php?Jeux=Partners&lang=Fr">Jeux basques</a></td>
</tr>
<tr><td>
<a class="mainlevel-trans" id="menu13" href="index.php?page=Diaporama&lang=Fr">Diaporama</a></td>
</tr>
<tr><td>
<a class="mainlevel-trans" id="menu14" href="index.php?page=Carthographie&lang=Fr">Carthographie</a></td>
</tr>
<tr><td>
<a class="mainlevel-trans" id="menu15" href="index.php?page=Downloads&lang=Fr">Downloads</a></td>
</tr>
<tr><td>
<a class="mainlevel-trans" id="menu16" href="index.php?page=Biblioagraphie&lang=Fr">Biblioagraphie</a></td>
</tr>
<tr><td>
<a class="mainlevel-trans" id="menu17" href="index.php?page=Sites&lang=Fr">Sites</a></td>
</tr>
</tbody>
</table>
</div>
<script language="javascript" type="text/javascript">
//<![CDATA[
<!-- debut
if (TransMenu.isSupported())
{
TransMenu.updateImgPath('Modules/TransMenu/');
var ms = new TransMenuSet(TransMenu.direction.right, 0, 0, TransMenu.reference.topRight);
TransMenu.subpad_x = 1;
TransMenu.subpad_y = 0;
document.getElementById("menu01").onmouseover = function()
{ms.hideCurrent();}
IncludeSubMenuFr();
TransMenu.renderAll();
}
init1=function(){TransMenu.initialize();}
if (window.attachEvent){window.attachEvent("onload", init1);}
else {TransMenu.initialize();}
//-->
//]]>
</script>
</div>
</div>
<!-- Fin de la section du menu dynamique -->
<!-- Début du contenu principal -->
<div id="frame">
<!-- Début de la boite frame -->
<div id="pop" style="border: 3px outset ; position: absolute; left: 300px; top: 200px; display: none; z-index: 200; background-color: rgb(0, 0, 0 );">
<div id="tet" onmousedown="dx=px-gdim.offsetLeft;dy=py-gdim.offsetTop;drag=1;" onmouseup="drag=0" style="padding: 0pt 20px 0pt 0.5em; cursor: move; background-color: rgb(0, 0, 0); line-height: 18px; color: white; font-size: 12px; font-family: Helvetica,Arial;">entête
<img title=" Fermer " src="../Fiches_pottok/fermer.gif" onclick="voirSelect('visible');gdim.style.display='none'" style="margin: 1px; cursor: default; position: absolute; right: 0pt; top: 0pt;" height="14" width="16" />
</div>
<img style="border: 0pt none ; margin: 1px;" />
</div><h1>Quizz basque</h1>
<h2 align="center">page 1: les fruits</h2>
<table border="1" cellspacing="0" align="center" bordercolor="#267726" width="60%">
<tr>
<td width="25%" height="120" align="center" class="quizzbask">
<p>
<img src="/Lexique/Quizz/page1/abricot.jpg" width="80" height="73" />
</p></td>
<td width="25%" height="120" align="center" class="quizzbask">
<p>
<strong class="vert">hau da:</strong><br />
<span class="rouge">ceci est:
</span>
</p></td>
<td width="50%" height="120" align="center" class="quizzbask">
<div align="left">
<ul><li>
<a href="javascript:void(0)" class="headings" onclick="displaySubs('sub1')" onfocus="if(this.blur)this.blur()"> marrubia </a>
<p class="pedig" id="sub1" style="display: none;">
<img src="fraises.jpg" width="100" height="111" />
</p></li><li>
<a href="javascript:void(0)" class="headings" onclick="displaySubs('sub2')" onfocus="if(this.blur)this.blur()"> laranja </a>
<p class="pedig" id="sub2" style="display: none;">
<img src="orange.jpg" width="90" height="85" />
</p></li><li>
<a href="javascript:void(0)" class="headings" onclick="displaySubs('sub3')" onfocus="if(this.blur)this.blur()"> mertxika </a>
<p class="pedig" id="sub3" style="display: none;">
<img src="abricot.jpg" width="80" height="73" />
</p></li>
</ul>
</div></td>
</tr>
<tr>
<td width="25%" height="120" align="center" class="quizzbask">
<p>
<img src="/Lexique/Quizz/page1/cerises.jpg" width="86" height="100" />
</p></td>
<td width="25%" height="120" align="center" class="quizzbask">
<p>
<strong class="vert">hau da:</strong><br />
<span class="rouge">ceci est:
</span>
</p></td>
<td width="50%" height="120" align="center" class="quizzbask">
<div align="left">
<ul><li>
<a href="javascript:void(0)" class="headings" onclick="displaySubs('sub4')" onfocus="if(this.blur)this.blur()"> limoia </a>
<p class="pedig" id="sub4" style="display: none;">
<img src="/Lexique/Quizz/page1/citron.jpg" width="80" height="59" />
</p></li><li>
<a href="javascript:void(0)" class="headings" onclick="displaySubs('sub5')" onfocus="if(this.blur)this.blur()"> gerezia </a>
<p class="pedig" id="sub5" style="display: none;">
<img src="/Lexique/Quizz/page1/cerises.jpg" width="86" height="100" />
</p></li><li>
<a href="javascript:void(0)" class="headings" onclick="displaySubs('sub6')" onfocus="if(this.blur)this.blur()"> arana </a>
<p class="pedig" id="sub6" style="display: none;">
<img src="/Lexique/Quizz/page1/prune.jpg" width="90" height="85" />
</p></li>
</ul>
</div></td>
</tr>
<tr>
<td width="25%" height="120" align="center" class="quizzbask">
<p>
<img src="/Lexique/Quizz/page1/melon.jpg" width="90" height="82" />
</p></td>
<td width="25%" height="120" align="center" class="quizzbask">
<p>
<strong class="vert">hau da:</strong><br />
<span class="rouge">ceci est:
</span>
</p></td>
<td width="50%" height="120" align="center" class="quizzbask">
<div align="left">
<ul><li>
<a href="javascript:void(0)" class="headings" onclick="displaySubs('sub7')" onfocus="if(this.blur)this.blur()"> sagara </a>
<p class="pedig" id="sub7" style="display: none;">
<img src="/Lexique/Quizz/page1/pomme.jpg" width="90" height="107" />
</p></li><li>
<a href="javascript:void(0)" class="headings" onclick="displaySubs('sub8')" onfocus="if(this.blur)this.blur()"> meloia </a>
<p class="pedig" id="sub8" style="display: none;">
<img src="/Lexique/Quizz/page1/melon.jpg" width="90" height="82" />
</p></li><li>
<a href="javascript:void(0)" class="headings" onclick="displaySubs('sub9')" onfocus="if(this.blur)this.blur()"> udaria </a>
<p class="pedig" id="sub9" style="display: none;">
<img src="/Lexique/Quizz/page1/poire.jpg" width="90" height="105" />
</p></li>
</ul>
</div></td>
</tr>
<tr>
<td width="25%" height="120" align="center" class="quizzbask">
<p>
<img src="/Lexique/Quizz/page1/raisin.jpg" width="90" height="71" />
</p></td>
<td width="25%" height="120" align="center" class="quizzbask">
<p>
<strong class="vert">hau da:</strong><br />
<span class="rouge">ceci est:
</span>
</p></td>
<td width="50%" height="120" align="center" class="quizzbask">
<div align="left">
<ul><li>
<a href="javascript:void(0)" class="headings" onclick="displaySubs('sub10')" onfocus="if(this.blur)this.blur()"> mahatsa </a>
<p class="pedig" id="sub10" style="display: none;">
<img src="/Lexique/Quizz/page1/raisin.jpg" width="90" height="71" />
</p></li><li>
<a href="javascript:void(0)" class="headings" onclick="displaySubs('sub11')" onfocus="if(this.blur)this.blur()"> muxika </a>
<p class="pedig" id="sub11" style="display: none;">
<img src="/Lexique/Quizz/page1/peche.jpg" width="90" height="74" />
</p></li><li>
<a href="javascript:void(0)" class="headings" onclick="displaySubs('sub12')" onfocus="if(this.blur)this.blur()"> magurdia </a>
<p class="pedig" id="sub12" style="display: none;">
<img src="/Lexique/Quizz/page1/framboise.jpg" width="80" height="87" />
</p></li>
</ul>
</div></td>
</tr>
</table><br />
<!-- Début de ligne libre, à compléter éventuellement -->
<table width="80%" align="center" border="0" cellspacing="0" cellpadding="0">
<tr><td> </td>
<td width="20%" align="center"> </td>
<td width="20%" align="center">
<a href="Javascript:history.go(-1)"> Précédente </a></td>
</tr>
</table>
<!-- Fin de ligne libre, à compléter éventuellement -->
<!-- Fin de la boite frame -->
</div>
<!-- Fin du contenu principal -->
<div id="footer">
<!-- Début de la section footer (pied de page) -->
<table>
<tr>
<td id="footer" valign="top">
<div id="footer_int">
<table cellspacing="0" cellpadding="0" width="100%">
<tbody>
<tr>
<td class="adv_link" valign="bottom">
<table cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td class="maj">
<!-- ================= NE PAS TOUCHER c'est le script pour les mises à jour ====================== //-->Modifié le 31/05/2008
<!-- ================================= Fin du script en PHP ========================================= //--></td>
<td class="adv_link"> | </td>
<!-- Ajout d'un séparateur vertical dans une colonne //--><td>
<a class="adv_link" href="index.php?page=LiensBasques&lang=Fr">Sites Basques</a></td>
<td class="adv_link"> | </td><td>
<a class="adv_link" href="index.php?page=OnlineSubscription&lang=Fr">Inscrivez-vous à notre Newsletter</a></td>
</tr>
</tbody>
</table></td>
<td class="adv_link" valign="bottom" align="right">
<table cellspacing="0" cellpadding="0">
<tbody>
<tr><td>
<a class="adv_link" href="index.php?page=quizz_1_OK&lang=Fr">
<img src="../../Modules/Icons/flag-fr.gif" width="20" height="14" border="0" alt="français" title="français" /></a></td>
<td class="adv_link"> | </td><td>
<a class="adv_link" href="index.php?page=quizz_1_OK&lang=En">
<img src="../../Modules/Icons/flag-Es.gif" width="20" height="14" border="0" alt="Castellano" title="Castellano" /></a></td>
<td class="adv_link"> | </td><td>
<a class="adv_link" href="index.php?page=quizz_1_OK&lang=En">
<img src="../../Modules/Icons/flag-Eh.gif" width="20" height="14" border="0" alt="Euskera" title="Euskera" /></a></td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table>
<hr />
<table cellspacing="0" cellpadding="0" width="100%">
<tbody>
<tr>
<td class="adv_link" valign="bottom">
<table cellspacing="0" cellpadding="0">
<tbody>
<tr><td>
<a class="adv_link" href="index.php?page=Accueil&lang=Fr">Page d'Accueil</a></td>
<td class="adv_link"> | </td><td>
<a class="adv_link" href="mailto:abarkaAfree-fr?subject=A%20propos%20de%20Abarka&body=Veuillez%20remplacer%20le%20A(majuscule)free-(et%20le%20tiret)fr%20par%20les%20caract%C3%A8res%20arobase%20et%20le%20point%20avant%20de%20supprimer%20cette%20ligne">Contacts</a></td>
<td class="adv_link"> | </td><td>
<a class="adv_link" href="javascript:window.print()">Imprimer</a></td>
<td class="adv_link"> | </td><td>
<a class="adv_link" onclick="window.external.AddFavorite(location.href, 'abarka');return false;" href="index.php?page=Accueil&lang=Fr">Ajouter aux Favoris</a></td>
</tr>
</tbody>
</table></td>
<td class="adv_link" valign="bottom" align="right">
<table cellspacing="0" cellpadding="0">
<tbody>
<tr><td>© 2008 Copyright
<em>
<strong class="vert">txiki</strong>
</em> tous droits réservés</td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table><br />
</div></td>
</tr>
<!-- Fin de la section footer (pied de page) -->
</table>
</div>
</div>
</body>
</html>
le fermer.gif looooool c est la petite croix rouge que tu as quand il ne trouve pas l image et que j ai du enregistrer avant d avoir les images
RAD
Salut Rad zone et encore merci !
"il faut que tu fasse bien attention et de bien mettre le bon nombre de "sub" dans le js !! "
Ça, j'avais bien compris.
"surtout pas + que tu n a de sub dans ta page !! et n oublis pas les " "
Par contre les ", j'avais complètement zappé. Merci de me le rappeler.
Tu pourra voir cette fois-ci la page sur l'apprentissage du basque dans Le basque/Apprendre le basque en jouant. Dommage que les images s'affichent en dessous du lien cliqué (j'aurais préféré, quitte a créer une 4ème colonne à droite des liens) les faire afficher sur la droite par exemple. Mais c'est déjà bien comme ça !
Quant a mettre le script sur le head, tu dois savoir que seul l'index possède un head avec tous les scripts. Les autres pages sont du html simple et commencent par un commentaire <!-- début du contenu principal -->
Si ça t'interresse, je peux t'envoyer la structure du site avec la table des variables de sessions etc... C'est un ingénieur aéro qui a conçu ce site et il est assez complexe.
En tous cas, si tu pense qu'il pourrait y avoir des choses intéressantes pour ton site d'aide, n'hésite pas. Ca pourra en intéresser d'autres. Et contacte moi pour les fichiers originaux !
Le bonheur est la seule chose que l'on peut donner sans l'avoir.
"il faut que tu fasse bien attention et de bien mettre le bon nombre de "sub" dans le js !! "
Ça, j'avais bien compris.
"surtout pas + que tu n a de sub dans ta page !! et n oublis pas les " "
Par contre les ", j'avais complètement zappé. Merci de me le rappeler.
Tu pourra voir cette fois-ci la page sur l'apprentissage du basque dans Le basque/Apprendre le basque en jouant. Dommage que les images s'affichent en dessous du lien cliqué (j'aurais préféré, quitte a créer une 4ème colonne à droite des liens) les faire afficher sur la droite par exemple. Mais c'est déjà bien comme ça !
Quant a mettre le script sur le head, tu dois savoir que seul l'index possède un head avec tous les scripts. Les autres pages sont du html simple et commencent par un commentaire <!-- début du contenu principal -->
Si ça t'interresse, je peux t'envoyer la structure du site avec la table des variables de sessions etc... C'est un ingénieur aéro qui a conçu ce site et il est assez complexe.
En tous cas, si tu pense qu'il pourrait y avoir des choses intéressantes pour ton site d'aide, n'hésite pas. Ca pourra en intéresser d'autres. Et contacte moi pour les fichiers originaux !
Le bonheur est la seule chose que l'on peut donner sans l'avoir.
SALUT
vas voir un exemple de ce que tu veux sur un de mes site
Aide CCM regarde dans le dossier" hiden"
RAD
vas voir un exemple de ce que tu veux sur un de mes site
Aide CCM regarde dans le dossier" hiden"
RAD
Bonsoir à tous,
Je cherchais justement un script comme le tiens pour le site ci-dessous car, en utilisant l'affichage/masquage de div ça ne leur convenait pas.
http://pottokadantzan.free.fr/Pottok/pottokak.htm (je l'ai nommé en htm pour tu puisse voir le source car il sera en .php).
Problème: il ne fonctionne pas. Qu'aurais-je oublié.
Je dois préciser qu'en plus de la photo, je dois ajouter la fiche signalétique des chevaux en qu'en image, le texte est de très mauvaise qualité. De plus, c'est pas facile a maintenir si jamais on doit changer un mot par exemple.
Un coup de main serait le bienvenue.
Merci d'avance.
Le bonheur est la seule chose que l'on peut donner sans l'avoir.
Je cherchais justement un script comme le tiens pour le site ci-dessous car, en utilisant l'affichage/masquage de div ça ne leur convenait pas.
http://pottokadantzan.free.fr/Pottok/pottokak.htm (je l'ai nommé en htm pour tu puisse voir le source car il sera en .php).
Problème: il ne fonctionne pas. Qu'aurais-je oublié.
Je dois préciser qu'en plus de la photo, je dois ajouter la fiche signalétique des chevaux en qu'en image, le texte est de très mauvaise qualité. De plus, c'est pas facile a maintenir si jamais on doit changer un mot par exemple.
Un coup de main serait le bienvenue.
Merci d'avance.
Le bonheur est la seule chose que l'on peut donner sans l'avoir.
SALUT
Dans ton cas il suffis de retirer cette ligne dans mon js
et tout rentreras dans l ordre :-))
RAD
Dans ton cas il suffis de retirer cette ligne dans mon js
my_sub.style.display = "none";
et tout rentreras dans l ordre :-))
RAD
Salut Rad zone,
Bon, j'ai fait un test et ça fonctionne. Seulement, comme tu peux le voir sur l'url ci-dessous, je n'ai pas réussi a mettre toutes les images au meme endroit dans la page. J'ai tout essayé, liens dans un tableau d'une ligne en haut de la page mais les images s'affichent les unes en dessous des autres, dans la hauteur.
Je vais retenter une autre méthode mais je ne m'y connais pas bien en javascript.
http://pottokadantzan.free.fr/Pottok/pottokak.htm
L'idée serait de faire une liste, soit à gauche soit en haut, sur une ligne MAIS l'image toujours au même endroit dans la page.
En plus j'ai des soucis avec mon ordi.
Merdci d'avance.
Le bonheur est la seule chose que l'on peut donner sans l'avoir.
Bon, j'ai fait un test et ça fonctionne. Seulement, comme tu peux le voir sur l'url ci-dessous, je n'ai pas réussi a mettre toutes les images au meme endroit dans la page. J'ai tout essayé, liens dans un tableau d'une ligne en haut de la page mais les images s'affichent les unes en dessous des autres, dans la hauteur.
Je vais retenter une autre méthode mais je ne m'y connais pas bien en javascript.
http://pottokadantzan.free.fr/Pottok/pottokak.htm
L'idée serait de faire une liste, soit à gauche soit en haut, sur une ligne MAIS l'image toujours au même endroit dans la page.
En plus j'ai des soucis avec mon ordi.
Merdci d'avance.
Le bonheur est la seule chose que l'on peut donner sans l'avoir.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
SALUT txiki,
j ai regarde ta page et je t ai fais un truc vite fais :_))
tu peux modifier et fignoler dans le css! la class "pedig" que j ai mis est pour les div sub !mais je pense que tu n a pas de probleme en css ?
regarde et telecharge sur
AIDE CCM le dossier "pottokak"
PS: par contre si j insert le menu ca part en vrille ;-)) regarde ton incusion du menu tout devrais ce regler en css
RAD
j ai regarde ta page et je t ai fais un truc vite fais :_))
tu peux modifier et fignoler dans le css! la class "pedig" que j ai mis est pour les div sub !mais je pense que tu n a pas de probleme en css ?
regarde et telecharge sur
AIDE CCM le dossier "pottokak"
PS: par contre si j insert le menu ca part en vrille ;-)) regarde ton incusion du menu tout devrais ce regler en css
RAD
Salut Rad zone,
Ouaouuuuuh !
c'est génial.
Je vais regarder en détail mais c'est exactement ce que je voulais mais n'arrivait pas a faire correctement. C'est l'asso qui va être contente (ils ont un gros spectacle fin juillet aux arênes de Bayonne).
Je te remercie infiniment, chef.
Je te tiendrai au courant.
PS: ta page avec ces exemples est super ! tu devrais la conserver. Pour ceux qui pourraient avoir des soucis, c'est un excellent tuto.
Ouaouuuuuh !
c'est génial.
Je vais regarder en détail mais c'est exactement ce que je voulais mais n'arrivait pas a faire correctement. C'est l'asso qui va être contente (ils ont un gros spectacle fin juillet aux arênes de Bayonne).
Je te remercie infiniment, chef.
Je te tiendrai au courant.
PS: ta page avec ces exemples est super ! tu devrais la conserver. Pour ceux qui pourraient avoir des soucis, c'est un excellent tuto.
OK ;-))
Je vais regarder en détail
tout est dans le .rar y compris les php !
ta page avec ces exemples est super ! tu devrais la conserver
c est en faiit un site creer comme un explorer pour presenter quelques une des aides que je donne sur CCM :-) et il est destine a rester
RAD
Je vais regarder en détail
tout est dans le .rar y compris les php !
ta page avec ces exemples est super ! tu devrais la conserver
c est en faiit un site creer comme un explorer pour presenter quelques une des aides que je donne sur CCM :-) et il est destine a rester
RAD
Merci mille fois (milesker in bask)
C'est génial ! http://pottokadantzan.free.fr/Pottok/pottokak.php
C'est con, j'avais essayé le tableau avec 11 cellules mais il ne m'était pas venu à l'idée d'utiliser les liste à puces.
Elles vont êtres heureuses les filles (hélas beaucoup trop jeunes pour moi :-)))
C'est super cette façon "explorateur windows" pour tes aides.
Merci encore pour ton aide.
C'est génial ! http://pottokadantzan.free.fr/Pottok/pottokak.php
C'est con, j'avais essayé le tableau avec 11 cellules mais il ne m'était pas venu à l'idée d'utiliser les liste à puces.
Elles vont êtres heureuses les filles (hélas beaucoup trop jeunes pour moi :-)))
C'est super cette façon "explorateur windows" pour tes aides.
Merci encore pour ton aide.
OK
txiki
je verrais :-))
merci
mais j ai deja pas mal a faire avec celui la RAD ZONE
et un petit bout d une version Flex en debut de developement !! et la c est du boulot ;-))
RAD ZONE FLEX
cette partie a ete une etape pour la mise en page et la flexibilite des different et multiple panels
qui souvrent ou ce ferment
RAD
txiki
je verrais :-))
merci
mais j ai deja pas mal a faire avec celui la RAD ZONE
et un petit bout d une version Flex en debut de developement !! et la c est du boulot ;-))
RAD ZONE FLEX
cette partie a ete une etape pour la mise en page et la flexibilite des different et multiple panels
qui souvrent ou ce ferment
RAD
Maintenant c'est sur mon site que je suis en train de reloocker que j'ai des soucis.
Ça ne m'affiche rien du tout. http://txiki.free.fr/ Rubrique Le basque/Apprendre le basque en s'amusant.
Il y aura douze image par page et 10 pages.
Ces pages ont des variables de session (une pour le bandeau + une pour la page elle même. J'espère que je n'ai pas créer des sessions pour chaque image ?
Il y a une chose qui m'intrigue dans ton script. C'est le
<img title=" Fermer " src="../Fiches_pottok/fermer.gif" onclick="voirSelect('visible');gdim.style.display='none'"D'où sort ce Fermer.gif. Il ne se trouve pas dans le répertoire Fiches_pottok/fermer.gf.Et pourtant ça fonctionne.
Pour le deuxieme doctype, je sais d'ou ça vient, je doit le virer dans la page menu sinon il est dupliqué..