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 :
zmenilo na:
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

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

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

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

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 
Re: js scvript <p> na textarea
Napsal: pát 22. črc 2011, 14:53
od drp
ale dik za rady
