Nouveau sur le forum ? Voici votre case départ pour bien débuter.

Liens contextuels :

Forum Alsacréations : CSS et Standards Web · Salon spécifique aux Tutoriels et articles Alsacréations · Plusieurs galeries javascript dans même page
Rechercher dans le sujet :
Auteur Pages : [<]
eebee
# 04 Apr 2008 - 13:39:52
Citer
58 Posts
 (reprise du message précédent)

Et inverse les deux lignes 


<script type="text/javascript" src="./javascript/galeries.js"></script>



 <script type="text/javascript" src="./javascript/jquery-1.2.3.js"></script>

pour avoir




 <script type="text/javascript" src="./javascript/jquery-1.2.3.js"></script>

<script type="text/javascript" src="./javascript/galeries.js"></script>
en cours 
^
guillaume6
# 04 Apr 2008 - 17:52:36
Citer
36 Posts
 euhh, tu est un genie... merci bien , ca marche, c'est super cool merci biggrin biggrin biggrin biggrin biggrin biggrin biggrin biggrin biggrin biggrin biggrin biggrin biggrin biggrin

ca marche super bien
arvenride.free.fr bientot msn 
^
eebee
# 04 Apr 2008 - 18:02:08
Citer
58 Posts
 Non, mais j'étais vexée que cela ne marche pas. Je suis bien contente pour toi. cligne

A+

eebee
en cours 
^
guillaume6
# 04 Apr 2008 - 20:37:24
Citer
36 Posts
 ohhhh trop énorme, tu es troop fort...

merci serieux ca m'a bien serbie... juste pour une inversion des deux lignes lol... biggrin biggrin biggrin biggrin biggrin biggrin biggrin biggrin biggrin biggrin biggrin

tu sait pourquoi c'est juste a cause de ca?

merci pour le coup de main.. smile smile smile smile

arvenride.free.fr bientot msn 
^
guillaume6
# 04 Apr 2008 - 20:40:04
Citer
36 Posts
 désolé pour les "ée" que je n'est pas rajouté... tu es géniale merci !!
guillaume
arvenride.free.fr bientot msn 
^
eebee
# 04 Apr 2008 - 20:41:18
Citer
58 Posts
 tout simplement parce que galleries.js utilise ce qui est défini dans jquery ... Donc mettre jquery avant.

A+
en cours 
^
guillaume6
# 04 Apr 2008 - 20:51:49
Citer
36 Posts
 d'accord merci de ta reponce...

et tu t'y connai pour le menu en accordéon?
arvenride.free.fr bientot msn 
^
eebee
# 04 Apr 2008 - 20:56:49
Citer
58 Posts
 Pas particulièrement, j'ai juste fait un essai une fois chez moi . Pourquoi ? Vaut peut-être mieux créer un nouveau topic ?
en cours 
^
Laurent Denis
# 04 Apr 2008 - 21:35:35
Citer
7844 Posts
<dl class="galerie_photo">
<dt>Titre de la photo 1 : galerie 1</dt>
<dd><img src="img/chat013.jpg" alt="Photo 1 en taille normale" /></dd>
</dl>


J'ai mal quand le peu de relation sémantique qu'il y a entre un élément dt un élément dd est carrément inversé. Je préfère ne pas lire le reste, à vrai dire ravi
apu pour le moment.
http://www.blog-and-blues.org/ 
^
eebee
# 04 Apr 2008 - 21:43:35
Citer
58 Posts
 remarque constructive .... à moins de préciser moi pas comprendre
en cours 
^
Raphael
# 07 Apr 2008 - 10:07:46
Citer
Mangez des kiwiz !
Administrateur
10370 Posts
Laurent Denis a écrit :
<dl class="galerie_photo">
<dt>Titre de la photo 1 : galerie 1</dt>
<dd><img src="img/chat013.jpg" alt="Photo 1 en taille normale" /></dd>
</dl>


J'ai mal quand le peu de relation sémantique qu'il y a entre un élément dt un élément dd est carrément inversé. Je préfère ne pas lire le reste, à vrai dire ravi

Hello Laurent,

Voilà qui est aussi péremptoire que concis, comme souvent cligne
A première vue, l'intérêt d'employer des listes de définition est assez moindre, je te l'accorde.

Par contre, pourrais-tu nous éclairer sur cette histoire d'inversion des éléments ?
<dt> représente bien l'intitulé, le titre de l'élément défini <dd>, non ?
La FAQ répond à 90% des questions de ce forum. En général, 5 min de recherches suffisent...
http://blog.goetter.fr 
^
eebee
# 07 Apr 2008 - 10:16:56
Citer
58 Posts
 bonjour,

si j'ai bien lu là http://www.pompage.net/pompe/listesdefinitions/ je crois qu'il y a inversion .... si on considère que 
<img src="img/chat013.jpg" alt="Photo 1 en taille normale" />
est défini avec 
Titre de la photo 1 : galerie 1
.

C'est bien cela ?

eebee
Modifié par eebee (07 Apr 2008 - 10:32)
en cours 
^
Laurent Denis
# 07 Apr 2008 - 11:22:41
Citer
7844 Posts
Raphael a écrit :


Par contre, pourrais-tu nous éclairer sur cette histoire d'inversion des éléments ?
<dt> représente bien l'intitulé, le titre de l'élément défini <dd>, non ?


Volontiers, j'avoue que c'est en effet elliptique, désolé cligne

Revenons aux bases, si vous le voulez bien.

Décrire un contenu non textuel en HTML signifie donner l'information équivalente sous forme textuelle (et structurée). cela s'applique aux contenus où le media principal est graphique. C'est une base de l'accessibilité (Point de controle WCAG 1.1) et ça court un peu partout dans HTML.

Illustrer un contenu textuel en HTML signifie accompagner une information textuelle par une information graphique à titre de présentation alternative, pertinente en tant qu'aide. Cela s'applique aux contenus dont le media principal est textuel. C'est une autre base de l'accessibilité, quoique généralement ignorée (par exemple par accessiweb) (Point de controle WCAG 14.2)

Mais on ne décrit pas un contenu textuel à l'aide d'une image. j'ai bien dit décrire, pas illustrer : on parle ici de la pertinence d'une liste de description qui sera interprétée comme telle par les navigateurs et les aides techniques.

Là, c'est je décris la description à l'aide de l'élément décrit (personnellement, j'ai du mal à suivre la chose, pas vous ? lol )

<dl class="galerie_photo">

<dt>Titre de la photo 1 : galerie 1</dt>

<dd><img src="img/chat013.jpg" alt="Photo 1 en taille normale" /></dd>

</dl>


Dans quel cas sommes-nous ? Aucun de deux ci-dessus, mais dans une confusion entre les deux, favorisée par la dérive maintenant historique des listes de définitions, notamment à la suite de l'article de pompage dans le cas francophone.

C'est une galerie photo, le contenu principal est donc graphique. Il relève donc du cas Décrire un contenu non textuel en HTML.

Sauf que le titre de la photo (contenu textuel) est le terme décrit (dt) et le contenu graphique (contenu graphique) est la description (dd), c'est bien une inversion évidente.

Plus simplement: C'est le titre qui est descriptif du contenu. Pas l'inverse. Si vous préférez: en HTML, pour l'instant, on décrit une image, mais on ne fait pas l'inverse. On peut illustrer un contenu par une image, ce qui est tout à fait différent, et à quoi la structure dl dt dd est impropre.

Concrètement: je me pointe sur cette galerie en escomptant trouver :
- soit des textes intéressants (pas de simples légendes ou titres de photos) illustrées par des images, et ça n'est pas ça.
- soit des images (porteuses d'informations complexes) accompagnées de textes descriptifs (descriptions étendues) et ça n'est pas non plus ça.

Dans les deux cas, je suis floué, dérouté, etc.

cela dit, HTML (y compris HTML5) manque à l'évidence de qq-chose mettant simplement en relation terme à terme des couples de contenus, sans préjuger de qui décrit/définit qui. Histoire de correspondre enfin à ce que font la plupart des gens qui mettent du contenus en ligne (ou expliquent comment il FAUT faire), et qui n'ont strictement rien à faire de sémantique (c'est à dire notamment de relations précises et exploitables entre des termes), à juste titre d'ailleurs, puisqu'il s'agit avant tout d'afficher ravi

<edit>
Maintenant, dans d'autres cas, vous pouvez être amenés à parler de quelque-chose (textuel) que vous expliquez (textuel) et que vous illustrez (graphique). C'est très différent de ce qui précède. Dans ce cas , on peut avoir:
<dl>

<dt>lorem ipsum</dt>

<dd>

  <img... alt="..." longdesc="#foo1">

</dd>

<dd id="foo1">

  <p>description textuelle étendue de lorem ipsum</p>

</dd>

</dl>


ou plus simplement, en général:

<dl>

<dt>lorem ipsum</dt>

<dd>

  <img... alt="">

</dd>

<dd id="foo1">

  <p>équivalence textuelle en contexte de lorem ipsum</p>

</dd>

</dl>


Le tout, dans ce cas, est de ne pas virer un niveau de titrage <hn> toujours plus profitable, en utilisant des <dl>...

</>

Mieux, comme ça ? Le cadavre bouge-t-il encore ? cligne
Modifié par Laurent Denis (07 Apr 2008 - 13:00)
apu pour le moment.
http://www.blog-and-blues.org/ 
^
guillaume6
# 10 May 2008 - 12:06:04
Citer
36 Posts
 rebonjour eebee....

Alors, j'ai denouveau le probleme des galleries qui m'affiche les photos dans une nouvelle page au lieu de ma gallerie.
Cette erreur est survenue quand j'ai enlever mon menu accordeon pour mettre un autre menu en javascript.

Donc pour resoudre l'autre probleme, tu m'avais dis d'inverser mes deux lignes javascript dans mon header, mais la, j'ai modifier 10 fois le sens... rien n'y fait.
ce que j'ai fais aussi et peut etre que c'est la cause de l'erreur, j'ai mis mes galleires, (enfin mes pages) dans un dossier gallerie. Donc dois-je modifier mon fichier .js ???




<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >

   <head>

       <title>Arve'N Ride, l'actualitée du ride dans la vallée de l'arve...</title>

       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

       <!--[if lte IE 6]>

	<style type="text/css">

		li {

			height: 1px;

			}

	</style>

	<! endif -->

       <link rel="stylesheet" media="screen" type="text/css" title="design" href="<?php echo $design; ?>"/>   

			<script type="text/javascript" src="../javascript/menu.js"></script>						

				<script type="text/javascript" src="../javascript/galeries.js"></script>

			 



			 

   </head>

   <body>


ensuite pour un exemple de galleire:


<?php $design = '../design/design.css' ; ?>

 <!-- Encodage de la page -->	

	<?php include("../header.php");?>

  

<!-- Code de la bannière -->

	<?php include("../design/baniere.php");?>

  

<!-- Menu du site -->

	<?php include("../structure/menu.php");?>

	







	<div id="corps">

		

 		<h2>La gallerie paysages</h2>

 		



		<div class="galerie" id="été">



				<ul class="galerie_mini">



				   <li><a href="../images/paysage/paysage_foret_chevran.jpg" title="forêt du chevran"><img src="../images/paysage/minis/paysage_foret_chevran_m.jpg" alt="forêt du chevran" /></a></li>

		



				</ul>





				<dl class="galerie_photo">



						<dt>forêt du chevran</dt>



						<dd><img src="../images/paysage/paysage_foret_chevran.jpg" alt="forêt du chevran" /></dd>



				</dl>



		</div>



		<div class="galerie" id="hivers">



				<ul class="galerie_mini">



	

					<li><a href="./images/paysage/IMGP0441.JPG" title="dessin du haut de flaine"><img src="images/paysage/minis/IMGP0441.JPG" alt="dessin du haut de flaine"/></a></li>

		



				</ul>





				<dl class="galerie_photo">



						<dt>dessin du haut de flaine</dt>

 

						<dd><img src="../images/paysage/IMGP0441.JPG" alt="dessin du haut de flaine" /></dd>



				</dl>



		</div>		

 

</div>

				

				





 

	<?php include("../structure/pied_de_page.php"); ?>

 

		



   </body>

		</html>


et pour le gallerie.js:


$(document).ready(function(){



    



	/* pour chaque galerie */



	$('.galerie').each(function(i) {



		



		 /* trouver la grosse photo, son titre */



		 var big_photo = $(this).find('dl').find('dd').find('img');



		 var titre_photo =$(this).find('dt');



		 



		  /* pour chaque galerie */



		  $(this).find('ul').find('li').each(function(i) {



		  		



		  		 /* pour chaque lien de la minie galerie */



				 $(this).find('a').click(function() {



				 		



						/* modifier le comportement au click sur chaque lien */



				 		



				 		big_photo.attr('src',$(this).attr('href'));	 // On change l'attribut src de l'image en le remplaçant par la valeur du lien



						big_photo.attr('alt',$(this).attr('title')); // On change son titre



						titre_photo.html($(this).attr('title'));	// On change le texte de titre de la photo



						return false; // Et pour finir on inhibe l'action réelle du lien



						



				});



		  });	 



	});

	});


voila, j'espere que quelqu'un poura m'aider car la, je ne vois pas trop le probleme...

merci d'avance, guillaume
arvenride.free.fr bientot msn 
^
eebee
# 11 May 2008 - 21:43:41
Citer
58 Posts
 Salut,

Je ne vois pas la ligne 
<script type="text/javascript" src="./javascript/jquery-1.2.3.js"></script>
et elle est indispensable avant 
<script type="text/javascript" src="../javascript/galeries.js"></script>
...


Bonne soirée
eebee
smile

en cours 
^
Prévenir un modérateur
Pages : [<]
Répondre au sujet
Aller à

référencesLes références web : openweb.eu.org - opquast.com - webmaster-hub.com - webrankinfo.com - salemioche.net - web-pour-tous.org - webonorme.org

Nos partenaires : Editions Eyrolles - Location vacances France - Location vacances Europe

Nikozen : Hébergement - Réalisation : Alsacreations.fr

Powered by Phedio v3.8 beta © dew
Contacter l'administrateur - 18 ms - Charte