echanger deux li

**stade13** · 27/03/2012, 12h28

Le bien bonjour à tout, Je débute en JQuery, ce que je veux c'est échanger deux li lors du clique sur un des li. j'ai la structure suivante

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
				<div class="frame">
								<ul>
									<li>[<a href="" type="#MIME_TYPE" href='[(#URL_ARTICLE|parametre_url{id_document,#ID_DOCUMENT})]#documents_portfolio'  title="(#TITRE|texte_backend)">(#LOGO_DOCUMENT||image_reduire{400,200})</a>]</li>
 
								</ul>
								</div>
 
								<div class="slide-holder">
									<div class="slides">
										<ul class="slide-list">
 
											<li>[(#LOGO_DOCUMENT||image_reduire{0,60}|inserer_attribut{alt,[(#TITRE|couper{80}|texte_backend)]})]</li>
 
										</ul>
									</div>
									<a href="#" class="link-prev">prev</a>
									<a href="#" class="link-next">next</a>
								</div>

Ce que je veux c'est quand je clique sur le li de la classe slides il se met sur le li de la classe frame et ce lui qui été dans frame ce met dans slides

En gros voilà ce que j'ai fait

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 
 
$(document).ready(function() {
 
$(".slides .slide-list li").click(function () {
 
$(this).replaceWith( $(".frame ul") ); // un gros bordel 
$(".frame ul").html($(this)); // il marche bien 
});
 
});

voilà, je vous remercie d'avance

**SpaceFrog** · 27/03/2012, 13h50

suffit d'appender ailleurs pour déplacer

**stade13** · 27/03/2012, 13h58

Envoyé par SpaceFrog

suffit d'appender ailleurs pour déplacer

c'est à dire ?

**SpaceFrog** · 27/03/2012, 14h20

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<html>
<head>
<script type='text/javascript' src='http://code.jquery.com/jquery.js'></script>
<script type="text/javascript">
$(function(){
$('li').click(function(){
	dest=($(this).parent('ul').attr('id')=="haut")?"bas":"haut";
	source=(dest=="haut")?"bas":"haut";
	preftwin=($(this).attr('id').substr(0,1)=="b")?"h":"b"
	twin=preftwin+$(this).attr('id').substr(1,1)
	$("#"+dest).append($(this))
	$("#"+source).append($("#"+twin))
		})
})
</script>
</head>
<body>
<ul id="haut">
	<li id="h1">haut un</li>
	<li id="h2">haut deux</li>
	<li id="h3">haut trois</li>
</ul>
<ul id="bas">
	<li id="b1">bas un</li>
	<li id="b2">bas deux</li>
	<li id="b3">bas trois</li>
</ul>
 
 
	</body>
</html>

**stade13** · 27/03/2012, 14h43

Merci.

echanger deux li

jQuery

Vue hybride

Discussions similaires

Partager

Partager