[HTML/CSS/Javascript] Lien et script à partir de l'attribut alt

Lien et script à partir de l'attribut alt [HTML/CSS/Javascript] - HTML/CSS - Programmation

Marsh Posté le 23-05-2013 à 11:40:56    

Bonjour,
 
Étant en train de créer mon nouveau site, j'ai voulu ajouter du javascript pour obtenir des aspects un peu plus dynamique...  
 
Je suis parvenu à faire les différentes pages et là j'en suis à la partie galerie! J'ai tenter d'ajouter un script qui me plaisait (après maintes recherches de galeries sur internet) malheureusement cela entre en conflit avec le javascript déjà présent dans ma page (ayant déja codé tout le reste du site je préfèrerais ne pas toucher au style déjà présent)!
 
Ainsi j'ai décidé d'avoir les miniatures dans ma page "galerieA" et de faire une nouvelle page "galerieB" dans laquelle serait le script de la galerie.  
 
Page galerieA.html:

Code :
  1. <ul class="page_principale">
  2.    <li><a href="galerie.html"><img src="images/thumbs/1th.jpg" class="zoom" alt="images/img1.jpg" title="img 1"/></a></li>
  3.    <li><a href="galerie.html"><img src="images/thumbs/2th.jpg" class="zoom" alt="images/img2.jpg" title="img 2"/></a></li>
  4.    <li><a href="galerie.html"><img src="images/thumbs/3th.jpg" class="zoom" alt="images/img3.jpg" title="img 3"/></a></li>
  5. </ul>


 
Page galerieB.html:

Code :
  1. <div id="content" >
  2. <img src="images/thumbs/1th.jpg" alt="images/img1.jpg" title="img 1"/>
  3. <img src="images/thumbs/2th.jpg" alt="images/2img.jpg" title="img 2"/>
  4. <img src="images/thumbs/3th.jpg" alt="images/3img.jpg" title="img 3"/><br>
  5. <div class="placeholder"></div>
  6. </div>


 
J'ai une idée de concept de solution mais pas les connaissances techniques pour la mener à terme...
 
Ma question est la suivante (espérant avoir été assez claire jusque là!):
 
Est-il possible en javascript de faire un script "envoi" dans la page galerieA qui récupère un attribut du lien cliqué (exemple: lors du clic sur "1th.jpg" on envoi vers la page galerieB l'attribut alt)
 et sur la page galerieB un script qui récupère l'attribut alt envoyé et qui simule un clic sur l'image "1th.jpg" pour déclencher automatiquement la "lecture" de la galerie sur l'image cliquée au départ?
 
Je vous remercie par avance de l'aide que vous pourrez m'apporter!  

Reply

Marsh Posté le 23-05-2013 à 11:40:56   

Reply

Marsh Posté le 23-05-2013 à 12:02:30    

Pas sûr de bien comprendre ce que tu veux faire. Petit rappel, 2 pages web côté client ne peuvent pas communiquer des infos entre elles. POur ça, il faut un langage côté serveur style PHP (avec variables de session + ajax qui lui, est en javascript).


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Marsh Posté le 23-05-2013 à 17:35:01    

Merci du rappel!
Utiliser le PHP pour envoyer une variable me semble un bon début de solution! Comme lors de l'envoi d'un formulaire... si je comprends bien.
Je vais chercher comment récupérer l'attribut alt avec une fonction php...

Reply

Marsh Posté le 24-05-2013 à 09:57:14    

annelaureb a écrit :

Merci du rappel!
Utiliser le PHP pour envoyer une variable me semble un bon début de solution! Comme lors de l'envoi d'un formulaire... si je comprends bien.
Je vais chercher comment récupérer l'attribut alt avec une fonction php...


Ca tu pourras pas directement. Tu peux via de l'ajax qui va envoyer au serveur (donc au php) le contenu du alt (appel d'un script php avec en paramètre type GET le contenu de la variable).


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Marsh Posté le 25-05-2013 à 21:10:50    

Il me semble avoir trouvé une variable pour récupérer l'attribut alt:
 

Code :
  1. $(this).find('img').attr('alt')

Reply

Marsh Posté le 26-05-2013 à 23:11:49    

Ton truc, ça marche si tu utilises jquery.


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed