Javascipt kérdés szövegbeviteli mező kezelésére

Javascipt kérdés szövegbeviteli mező kezelésére
2011-09-04T16:05:31+02:00
2011-09-04T20:50:46+02:00
2022-11-22T23:40:36+01:00
matulabaacsi
Tanulgatnám pár egyéni ötletem scriptbe foglalása erejéig ezt a JavaScript nyelvezetet a www.w3schools.com oldalról.
Az a gondom, hogy bár vannak ott példák, meg minden, de komplexebb feladatot képtelen vagyok ezek alapján összelegózni, mert ahogy próblgatom úgy nem megy, meg pár dolgot nem is találok az oldal leírásaiban.

Szóval első körben azt szeretném hogy egy text field mezőbe írt tetszőleges szöveget, mint előtagot, majd egy másik ilyen mezőbe írt számot egy gomb megnyomására összefűzzön és írja vissza egy html oldal tartalmába, mint ha pl. egy tartalomjegyzéket szeretnék így írni akár hivatkozás formájában is.
Tehát ami nem megy az a text field tartalmának kiolvasása, mert az idézett oldal példájában pont egy email küldés van, de azt asp-vel kezeli le a serverükön valami és tuti hogy a JS alapból is tudna text field tartalmat kiolvasni és visszaadni.
Hogyan kell megoldani?
Mutasd a teljes hozzászólást!
jQuery használatához be kell töltened a jquery.js-t! Töltsd le a jquery.com ról, majd ezt illeszd be az oldal head részébe:

<script language="JavaScript" src="jquery.js"></script>

de használhatod online linkről is:
<script language="JavaScript" src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
Ha ez megvan, működni fog, kipróbáltam.
Mutasd a teljes hozzászólást!

  • Nem egészen értem, de jQuery (jquery.com - js plugin) megkönnyíti a JavaScriptet:

    <input type="text" id="mező1"> <input type="text" id="mező2"> <input type="button" value="Katttints ide!" onClick='$("p").html( $("#mező1").val()+$("#mező2").val() );'> <p></p>
    Mutasd a teljes hozzászólást!
  • Érted te, mert pont ilyet gondoltam, hogy egyikbe beírom"abc_" a másikba "123" és a Kattints gombra ua html oldalban visszaadja azt hogy: abc_123
    A kódod kipróbáltam, de nem csinál semmit.

    Ellenben heggesztettem közben valamit, amiből viszont pont a text fieldek hiányoznak egyenlőre...


    <html> <body> <input type="button" value="Kattints ide a szöveg megjelenítéséhez!" onclick="JavaScript:document.write('A gombra kattintottál, ezért jelent meg ez a szöveg!')" /> </body> </html>
    Mutasd a teljes hozzászólást!
  • jQuery használatához be kell töltened a jquery.js-t! Töltsd le a jquery.com ról, majd ezt illeszd be az oldal head részébe:

    <script language="JavaScript" src="jquery.js"></script>

    de használhatod online linkről is:
    <script language="JavaScript" src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
    Ha ez megvan, működni fog, kipróbáltam.
    Mutasd a teljes hozzászólást!
  • Köszi a választ! Kiizzadtam amúgy én is külső plugin bonyolítása nélkül, csak kicsit szenvedni kellett a JS function értelmezésével és pár adalék HTML DOM átnézegetésével. Meg hát nem egyszerű beépíteni a JS dolgait a HTML szintaktikájába, mert sokszor ' és " jeleken vagy zárójelen és pontosvesszőn fekszik meg a téma, s hogy nem tudni mikor melyiket kell alkalmazni, szóval nekem cseppet sem egyszerű még a legegyszerűbbnek tűnő dolog sem... :)


    <html> <head> <script type="text/javascript"> function eredmény() { var x=document.getElementById("f1").value; var y=document.getElementById("f2").value; document.write(x+y); } </script> </head> <body> <form> <input type="text" id="f1" value="abc" /> <input type="text" id="f2" value="123"/> <button type="button" onclick="eredmény()">Megjelenítés</button> </form> </body> </html>

    A következő lépcső a többször beírt tételek egymás alá rendezése lesz egy lapon belül, de már csak holnap.
    Mutasd a teljes hozzászólást!
  • Igen, így is lehet.

    Keresgélj a gúglin, sok egyszerű, de nagyszerű dolgot lehet a jQueryvel alkotni!
    Mutasd a teljes hozzászólást!
Tetszett amit olvastál? Szeretnél a jövőben is értesülni a hasonló érdekességekről?
abcd