Ouvrir et refermer un lien en Javascript

Fermé

Ooda Messages postés 58 Date d'inscription vendredi 23 octobre 2009 Statut Membre Dernière intervention 5 juin 2010 - 26 févr. 2010 à 16:36
Ooda Messages postés 58 Date d'inscription vendredi 23 octobre 2009 Statut Membre Dernière intervention 5 juin 2010 - 10 mars 2010 à 15:26

Bonjour,
Je ne connais rien en Javascript mais pour gagner du temps, je vous demande. (je connais le site du zéro mais en ce moment, je n'ai pas le temps d'apprendre le Javascript
Il y a quelques temps j'avais demander comment faire apparaitre une video en dessous du lien quand on clique dessus mais sans changer de page et l'on m'avait donner ce code :

 <script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script>
<script type="text/javascript"><!--
	$(document).ready(function() {
		$(".video").hide();
		$("a.open").click(function() {
			var id_video = '#' + $(this).attr('href');
			$('.video').slideUp('fast');
			$(id_video).slideDown('fast');
			return false;
		});
	});
// --></script>

+ le code HTML suivant :

<p><li><a href="video_1" class="open">Video 1</a></li></p>
<div id="video_1" class="video">
(lien de la video) </div>

Mais le probleme c'est que je ne peux pas la refermer une fois ouverte, je voudrais que lorsque l'on clique sur le lien "Video 1", que la video "disparaisse".

Ques que je doit modifier ? Merci

A voir également:

Ouvrir et refermer un lien en Javascript
Comment ouvrir un fichier epub ? - Guide
Créer un lien pour partager des photos - Guide
Ouvrir un fichier .bin - Guide
Lien url - Guide
Comment ouvrir un fichier docx ? - Guide

3 réponses

Réponse 1 / 3

Zep3k!GnO Messages postés 2025 Date d'inscription jeudi 22 septembre 2005 Statut Membre Dernière intervention 18 novembre 2015 200
26 févr. 2010 à 17:28

Tiens, je pense que ça fera ton bonheur ;)

<html>

<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script>
<script type="text/javascript"></script>

<body>
<p><li><a href="video_1" class="open">Video 1</a></li></p>
<div id="video_1" class="video">
(lien de la video) </div>
</body>
</html>

Réponse 2 / 3

avion-f16 Messages postés 19249 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 15 juin 2024 4 505
26 févr. 2010 à 18:24

Bien vu Zep3k!GnO, mais le problème c'est que tu ne fermes pas la vidéo en lecture si c'est un autre.

Je propose ça :

<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script>
<script type="text/javascript"><!--
	$(document).ready(function() {
		$(".video").hide();
		$("a.open").click(function() {
			var id_video = '#' + $(this).attr('href');
			
			/* Si la vidéo est visible : on doit la fermer (donc ne pas l'afficher) */
			if($(id_video).is(':visible'))
				afficher = false;
			else
				afficher = true;
			
			/* On ferme toutes les vidéos */
			$('.video').slideUp('fast');
			
			/* On affiche la vidéo si nécessaire */
			if(afficher === true)
				$(id_video).slideDown('fast');
			
			return false;
		});
	});
// --></script>

Réponse 3 / 3

Ooda Messages postés 58 Date d'inscription vendredi 23 octobre 2009 Statut Membre Dernière intervention 5 juin 2010 3
10 mars 2010 à 15:26

Merci pour ce code je vien de voir le problème de l'autre code et ca m'aide bien =)

Discussions similaires

"Aucune application permettant d'ouvrir cette URL"

Impossible d'ouvrir des liens via mon Samsung A71

lien copié