js scvript <p> na textarea

[drp]

Potreboval bych poradit s javascriptem (moc ho neovladam)
Potrebuju aby se me :

Kód: Vybrat vše

<p>text</p>

zmenilo na:

Kód: Vybrat vše

<textarea>text</textarea>

Po kliknuti na tlačítko upravit.
Zkousel jsem to pomoci promenych a ze tlacitko bude vyvolavat funkci ktera zmeni promené na textarea, ale neslo to. <p> se vypsalo ale po stisknuti tlacitka se nic nedelo.

A jeste bych se chtel zeptat jak udelat aby se v textarea automaticky po stisknuti shift+enter udelalo <br> a po stisknuti enter - </p><p> ?

[arxeiss]

Jestli se chceš JS zabývat více, tak se nauč jQuery, hodně ti to usnadní všechnu práci.
Toto bych dělal tak, že bych tam měl ten <p> i ten <textarea>, každé nějaké IDčko, např uprav_p a uprav_ta a při kliknutí bych jeden schoval druhý zobrazil a naopak. něco jako

Kód: Vybrat vše

var odstavec = document.getElementById('uprav_p');
var tarea = document.getElementById('uprav_ta');
if(odstavec.style.display == "block"){
  tarea.value = odstavec.innerHtml;
  tarea.style.display = "block";
  odstavec.style.display = "none";
}else{
  odstavec.innerHtml = tarea.value;
  tarea.style.display = "none";
  odstavec.style.display = "block";
}

jenom si teď nejsem jist jestli to bude fungovat úplně dobře, s čistým JS jsem už dlouho nedělal.
jinak v jQuery by jsi to měl o hodně jednodušší.

[drp]

ok idu dat to jquery protoze to ma aj jakesi graficke doplnky
Jak to mam napsat tda v tom jquery, ale chcu to stym tlacitkem.

[arxeiss]

nějaké grafické doplňky jsi mě pobavil, až zjistíš, co jQuery umí, tak budeš skákat do nebes...
tak jo, dejme tomu, že máme toto HTML

Kód: Vybrat vše

<input type="button" id="tlacitko" />
<p id="uprav_od"></p>
<textarea id="uprav_ta"></textarea>

to, ať je area skrytá a odstavec má display: block; to už máš nastavené v CSSku, na stránku vložíš jQuery a tento kód

Kód: Vybrat vše

$("#tlacitko").click(function(){
  if($("#uprav_od").css("display") == "block"){
    $("#uprav_ta").val($("#uprav_od").html());
    $("#uprav_od").hide();
    $("#uprav_ta").show();    
  }else{
    $("#uprav_od").html($("#uprav_ta").val());
    $("#uprav_od").show();
    $("#uprav_ta").hide();  
  }
});

Možná by to šlo napsat i jednodušeji, jQuery je moc obsáhlé...

[drp]

nzenas nejake ceske stranky o jquery docela me to laka se priucit .
Nechces me jeste poradit jak udelam pres js aby se to textarea odeslalo na php soubor ktery ho spracuje a nemusi se to znova nacitat ? Vis co myslim?

[arxeiss]

Ne nevím co myslíš, ale jestli myslíš AJAX tak je v jquery slušná snůška funkcí pro práci s AJAXem, a české stránky,nevím o žádných, toto je oficiální dokumentace, a celé jQuery jsem se naučil odtamtud, 3x jsem přečetl dokumentaci, pak se podíval na pár příkladů a postavil jsem si vlastní LightBox, ale stejně ho budu muset předělat, protože člověk se neustále učí

[drp]

ttj hej ale ten script me nechce jet.http://www.eptest.hys.cz/

[arxeiss]

[quote="arxeiss"]na stránku vložíš jQuery[/code]

[drp]

sak tam byl a nejelo tak sem to smazal a udelal jsem to jinak http://www.eptest.hys.cz/index.php?strana=adm

[drp]

ale dik za rady