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
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
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
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
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é.

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: