Práce s textem v JavaScriptu

[Dacid]

Jak udělat v JavaScriptu nějaké textové pole do kterého když se zadá třeba kíchnout tak vypíše kýchnout, nebo nějaký jiný text.

[Reklama]

[DarkKnight]

nechapu, co presne tim myslis

chces udelat, kdyz do html prvku textarea nebo jineho zapises nejaky text, tak aby ho to zmenilo na jiny?

[Dacid]

Bylo by to pole pro vložení textu, někdo by tam něco napsal a pod tím polem by se něco zobrazilo, ale bylo by určené že když napíše třeba Pat tak to vypíše Mat.

[lukove]

v javascripte su normalne premene, potom staci precitat vstup z text area cez odoslany formular (form) a vlozit tu premenu cez javascriptovsky document.write() skus si dat do googlu tieto pojmy  script,form,textarea,document.write

[Dacid]

Takže jak to bude vypadat?

[Reklama]

[blizz]

V HTML dokumente si vytvor INPUT:

Kód: [Vybrat]

<input id="textove-pole" type="text" />
A v js:

Kód: [Vybrat]

var textovePole = $("#textove-pole");
textovePole.val("Nová hodnota");
Ak chceš vytvárať textové pole dynamicky (priamo v JS):

Kód: [Vybrat]

var placeholder = $("body");
var textovePole = $("<input>",
{
    type: "text",
    val: "Textová hodnota"
});
placeholder.append(textovePole);

[Dacid]

A kde je v kódu něco jako:
Text=Výsledek
Pat=Mat
?

[blizz]

Kód: [Vybrat]

var vysledok = textovePole.val();

[Dacid]

Když tam zadám vysledok to nic nenapíše.

[DarkKnight]

to protoze blizzboz pouziva syntaxi jquery

tudiz jeste musis naimportovat jquery knihovnu

Kód: [Vybrat]

<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.1.min.js"></script>

[Dacid]

Aha a jak se to teda děla? Napiš prosím pár slov jako příkladů jako těch které když se tam napíšou tak to vypíše jiné.

[DarkKnight]

Dacid: no presne tak jak to napsal on,tady na ukazku kod

Kód: [Vybrat]

<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("#textove-pole").change(function(){
    $("#textove-pole").val("Nová hodnota");
  });
});
</script>

<input id="textove-pole" type="text" />


[Dacid]

To jako mění obsah té závorky $("#textove-pole").chang
za
(function(){
    $("#textove-pole").val("Nová hodnota");
?

[buba]

Pokud to chápu dobře, tak chceš udělat našeptávač. To není úplně triviální věc.

Kód: [Vybrat]

<input type="text" id="pole"/>
<div id="septac" style="display:none;"></div>

<script>
__value = "";
elm = document.getElementById("pole");
elm.onchange = function(){
var elm = document.getElementById("pole");
if( elm.value != __value ){
var septac = document.getElementById("septac");
// nejaky request na server nebo kontrola podle nejakeho slovniku
septac.innerHTML = vracena_hodnota;
septac.style.display = "";
__value = elm.value;
}
}
</script>

Pokud jsem to pochopil špatně, tak se omlouvám.
Jinak zkus guglit: js suggest

[DarkKnight]

ne

to zmeni obsah inputu s id(#) textove-pole za "Nová hodnota"


nicmene pokud chces udelat naseptavac, s tvoji znalosti je to temer nemozne