Szövegből kattintható link
Sziasztok!
Segítségeteket szeretném kérni. Egyik kedves jóbarátom weboldalára kellene egy írni egy kódot. A lényeg az hogy pl. beírja egy szövegmezőbe a szolgáltatás összegét akkor automatikusan készítsen egy linket belőle.
Tehát: XY-nak be kell fizetnie 4000 Ft-ot. Ezt az összeget beírja egy szövegmezőbe és ebből generálna egy kattintható linket aminek így kellene kinéznie: 4000.weboldal.hu
Segítségeteket előre is köszönöm!
■ Segítségeteket szeretném kérni. Egyik kedves jóbarátom weboldalára kellene egy írni egy kódot. A lényeg az hogy pl. beírja egy szövegmezőbe a szolgáltatás összegét akkor automatikusan készítsen egy linket belőle.
Tehát: XY-nak be kell fizetnie 4000 Ft-ot. Ezt az összeget beírja egy szövegmezőbe és ebből generálna egy kattintható linket aminek így kellene kinéznie: 4000.weboldal.hu
Segítségeteket előre is köszönöm!
Szia, Úgy (is)
Úgy (is) próbálkozhatsz, hogy adsz az inputnak, a gombnak és a linknek egy id attribútumot.
A link – amíg nem történik meg a generálás – legyen rejtve (display: none) és a href attribútuma legyen #. Ezzel kapcsolatban ennek nézz utána: event.preventDefault();
Ha nem fog sikerülni, akkor használd a # helyett a javascript:void(0); értéket a href-ben, akkor nem lesz szükség az event.preventDefault(); függvényhívásra sem.
A Befizetem gomb kattintására az input mezőből ki kell olvasni az értékét a value tulajdonság segítségével. Ezt az értéket aztán bele kell rakni a rejtett link href attribútumába, végül láthatóvá kell tenni a linket, azaz a display none értéket ízlés szerint inline, inline-block, stb. értéke kell módosítani. A kívánt viselkedést el lehet érni a style tulajdonságon keresztül, vagy pedig osztályon keresztül a classList tulajdonsággal. Utóbbi a preferált, amely esetében egy olyan class-t kell hozzáadni/elvenni a linkhez/linkből, ami tartalmazza az elrejtést, tehát a display: none;-t.
Egy kis segítség a megvalósításhoz:
https://developer.mozilla.org/en-US/docs/Web/API/Document/getElementById
https://developer.mozilla.org/en-US/docs/Web/API/Event/preventDefault
https://www.w3schools.com/jsref/prop_text_value.asp
https://www.w3schools.com/jsref/met_element_addeventlistener.asp
https://www.w3schools.com/jsref/prop_html_style.asp
https://developer.mozilla.org/en-US/docs/Web/API/Element/classList
Köszönöm!
Köszönöm a választ. Megpróbálok valami kódot írni hozzá. Sajna én csak a html-hez és a css-hez értek igazán :)
Estleg?
<form action="http://weboldal.hu" method="get"><input type="text" name="id"><input type="submit" value="Fizetés"></form>
Szerintetek? Elvileg működik így :)
valamit csinál
Árlapból subdomaint csinálni
Jó így