| Autor | Zpráva | ||
|---|---|---|---|
| Mufna Profil |
Zdravím všechny. Snad už to bude můj poslední dnešní dotaz. Potřebuju vložit HTML kód obrázku, tedy celý obsah tagu <img>, do JS kódu:
ukázka HTML: <ul id="v-1">
<li class="img-1"><img src="/data/images/sperky/nausnice/nausnice-01-varianta4.jpg" alt="Náušnice 01 - varianta 1"></li>
<li class="img-2"><img src="/data/images/sperky/nausnice/nausnice-01-varianta5.jpg" alt="Náušnice 01 - varianta 2"></li>
<li class="img-3"><img src="/data/images/sperky/nausnice/nausnice-01-varianta7.jpg" alt="Náušnice 01 - varianta 3"></li>
</ul>JS kód: variantyId = "#v-" + (slider.currentSlide + 1);
objects = $(variantyId + " li");
objects.hover(
function() {
var image = $(this).html(); // zde jsem si vytvořil proměnnou s HTML kódem uvnitř <li>, tedy <img src="" atd.>
var customDiv = $('<ul id="detail"><li>Test</li></ul>'); // sem potřebuju vložit proměnnou "image" místo slova "Test"
customDiv.appendTo('#galerie');
}, function() {
$('#detail').remove();
}
);Předem díky za pomoc. Už jsem na to přišel, je to jednoduché. |
||
| Alphard Profil |
#2 · Zasláno: 23. 5. 2015, 18:19:14
Mufna:
„Už jsem na to přišel, je to jednoduché.“ Kdybyste uvedl nalezené řešení, mohlo by to v budoucnu někomu pomoci. |
||
| Mufna Profil |
Alphard:
Řešení (JS kód): variantyId = "#v-" + (slider.currentSlide + 1);
objects = $(variantyId + " li");
objects.hover(
function() {
var image = $(this).html(); // zde jsem si vytvořil proměnnou s HTML kódem uvnitř <li>, tedy <img src="" atd.>
var customDiv = $('<ul id="detail"><li>' + image + '</li></ul>'); // (VYŘEŠENO)
customDiv.appendTo('#galerie');
}, function() {
$('#detail').remove();
}
); |
||
| Chamurappi Profil |
#4 · Zasláno: 23. 5. 2015, 22:50:43
Reaguji na Mufnu:
Převádět obsah elementu na řetězec a z něj zpětně vytvářet totožný element je poněkud hloupé. Doufám, že tento kód nikomu pomáhat nebude. Jiný způsob, jak naklonovat element, jsi nenašel? |
||
| Mufna Profil |
#5 · Zasláno: 24. 5. 2015, 00:41:32 · Upravil/a: Mufna
Chamurappi:
Jiný způsob, jak naklonovat element, jsi nenašel? Bohužel ne :-( Ještě koukám, že jsem tu proměnnou pojmenoval customDiv, ale uvnitř je <ul>. Takže by se to dalo přejmenovat, třeba na var html = $('<ul id="detail"><li>' + image + '</li></ul>');
html.appendTo('#galerie'); |
||
| Chamurappi Profil |
#6 · Zasláno: 24. 5. 2015, 14:09:01
Reaguji na Mufnu:
„Bohužel ne :-(“ To je smutné. A jakým způsobem hledáš? Jak by se asi mohla jmenovat metoda na klonování elementu? „Takže by se to dalo přejmenovat“ Pojmenovat proměnnou html, když v ní není HTML kód (tedy řetězec), mi přijde jako špatný nápad.
Dávat tomu elementu ídéčko a pak ho podle něj zpětně hledat v celém dokumentu, je také trochu potrhlé, když ho celou dobu můžeš mít uložený v proměnné. |
||
|
Časová prodleva: 10 let
|
|||
0