Stránka 1 z 1

js scvript <p> na textarea

Napsal: pát 22. črc 2011, 12:20
od 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> ?

Re: js scvript <p> na textarea

Napsal: pát 22. črc 2011, 12:39
od 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šší.

Re: js scvript <p> na textarea

Napsal: pát 22. črc 2011, 13:06
od 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.

Re: js scvript <p> na textarea

Napsal: pát 22. črc 2011, 13:27
od arxeiss
nějaké grafické doplňky :lol: 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é...

Re: js scvript <p> na textarea

Napsal: pát 22. črc 2011, 13:29
od drp
nzenas nejake ceske stranky o jquery docela me to laka se priucit :D .
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? :D

Re: js scvript <p> na textarea

Napsal: pát 22. črc 2011, 13:34
od 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čí :)

Re: js scvript <p> na textarea

Napsal: pát 22. črc 2011, 13:39
od drp
:D ttj hej ale ten script me nechce jet.http://www.eptest.hys.cz/

Re: js scvript <p> na textarea

Napsal: pát 22. črc 2011, 14:41
od arxeiss
[quote="arxeiss"]na stránku vložíš jQuery[/code]

Re: js scvript <p> na textarea

Napsal: pát 22. črc 2011, 14:52
od drp
sak tam byl a nejelo tak sem to smazal a udelal jsem to jinak http://www.eptest.hys.cz/index.php?strana=adm :-D

Re: js scvript <p> na textarea

Napsal: pát 22. črc 2011, 14:53
od drp
ale dik za rady ;-)