ugrás a tartalomhoz

Szövegből kattintható link

fabi83 · 2019. Már. 27. (Sze), 13.41
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!
 
1

Szia, Úgy (is)

asam9 · 2019. Már. 27. (Sze), 17.32
Szia,

Ú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
2

Köszönöm!

fabi83 · 2019. Már. 28. (Cs), 15.02
Szia!

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 :)
3

Estleg?

fabi83 · 2019. Már. 28. (Cs), 20.40
Ezt találtam:

<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 :)
4

valamit csinál

Arnold Layne · 2019. Már. 29. (P), 02.45
Valamit csinál, de nem aldomaint, hanem weboldal.hu/?id=1234 URL-t. Az 1234.weboldal.hu-hoz kellhet a JS, vagy valami a backenden, ami a querystringes (.hu/?id=1234) oldalról átdob az 1234.weboldal.hu címre.
5

Árlapból subdomaint csinálni

inf · 2019. Már. 29. (P), 12.53
Árlapból subdomaint csinálni azért elég erős. Csinálsz egy sima GET-es űrlapot, aztán máris van egy működő linked. Nyilván lehet ennél bonyolultabban is.
6

Jó így

fabi83 · 2019. Már. 29. (P), 14.59
Jó lesz így is. Most végül is mindegy mert cpanel-ban megcsináljuk az átirányításokat :)