Autor Zpráva
Sylar
Profil
Zdravím,
mám na stránce mnoho elementu s třídou .afe . U těchto prvků bych potřeboval po najetí myšší přidat odkaz ve formě obrázku, který by by absolutně napozicován na pozice 0;0 a po kliknutí na tento obrázek (pozor, pouze na obrázek, nikoliv na prvek s třídou .afe) do prvku s třídou .afe přidat textareu s obsahem prvku s třídou .afe a ukládací tlačítko. Po kliknutí na ukládací tlačítko odstranit textareu i klikací obrázek a do prvku.afe dát text z vyplněné textarey.

Těch prvků na stránce je pokaždé jiné množství a bylo by poměrně pracné ke každému dávat nějakou akci "onclick" nebo k němu schovávat uváděnou textareu, proto bych to vše rád vyřešil jedním scriptem v hlavičce.
Podařilo se mi dát dohromady toto, což mi zobrazí po najetí odkaz, ale po kliknutí se nic nestane. Také bych potřeboval poradit, jak přidané prvky odebrat.

  $(document).ready(function() {
    $(".afe").each(function() {
      $(this).hover(function() {
        $(this).prepend("<a class='a_afe'><img src='img/admin/actions/edit.png' /></a>"); 
      });
    });
    
    $(".a_afe").click(function () {
      $(".afe").prepend("<textarea class='textarea_afe'>" + $(this).html() + "</textarea>");
    });
  });
Sylar
Profil
nyní už to jakštakž dělá co má, pouze se mi nedaří po odjetí z textarey vyalertovat nový obsah, který jsem tam napsal, vrátí mi ten původní, který tam byl ... nevidíte, tam někdo někde tu chybku?

  $(document).ready(function() {
    $(".afe").each(function() {
      $(this).hover(function() {
        $(this).prepend("<a id='afe_a' onclick='return false;'></a>");
        var text = $(this).text();
        $("#afe_a").click(function() {
          $(this).prepend("<textarea id='afe_textarea'>" + text + "</textarea>");
        });
      }, function() {
        alert($("#afe_textarea").val());
        $("#afe_a").remove();
      });
    });
  });

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:

0