Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [AJAX][JavaScript]jQery - problemy poczatkującego
Forum PHP.pl > Forum > Przedszkole
PijanyMistrz44
Witam!:) pierwszy post, do rzeczy...
Mam problem z dosyć prostym zadankiem. 9 godzin i dalej bez rezultatu.

Mamy tabele i 12 zdjęć. Klikamy 1 zdjęcie nic sie nie dzieje, klikamy 2 zdjęcie i zmieniają się miejscami.
Funkcja ma byc w jQery, jakies pomysły>?
markonix
A czemu akurat musi być w jQuery? Czyżby zadanko do szkoły?

Abstrahując od tego zadanko ciekawe.
Zrobiłbym jakiś active stan po kliknięciu, gdy liczba aktywnych >= 2 wtedy funkcja podmieniająca.
http://stackoverflow.com/questions/698301/...switch-elements
PijanyMistrz44
Tak, niestety do szkoly...prosze pomóżcie. Na razie mam tyle. Potrzebuje jakiegos pomysłu co zmienić... Niemusi byc jqery , byle te fotki sie podmienialy...


<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="PANDA 5.css" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"> </script>
<script src="PANDA 5.js"> </script>
</head>


<body>

<p> PANDA 5 </p>

<table>

<tr>
<td> <img src="1.jpg" id="1.1"> </td>
<td> <img src="2.jpg" id="1.2"> </td>
<td> <img src="3.jpg" id="1.3"> </td>
<td> <img src="4.jpg" id="1.4"> </td>
</tr>

<tr>
<td> <img src="5.jpg"id="1.5"> </td>
<td> <img src="6.jpg"id="1.6"> </td>
<td> <img src="7.jpg"id="1.7"> </td>
<td> <img src="8.jpg"id="1.8"> </td>
</tr>

<tr>
<td> <img src="9.jpg"id="1.9"> </td>
<td> <img src="10.jpg"id="1.10"> </td>
<td> <img src="11.jpg"id="1.11"> </td>
<td> <img src="12.jpg"id="1.12"> </td>
</tr>

</table>

</body>

</html>
markonix
Zadań tu nie odrabiamy.

Nie widzę tu ani krzty kodu JS/jQuery na razie.

PijanyMistrz44
$(function(){
$('#id').click(function(){
$(this).parent().insertBefore($(this).parent().prev());
});

$('#id').click(function(){
$(this).parent().insertAfter($(this).parent().next());
})

});


Co tu nie gra?
markonix
Praktycznie wszystko.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.