Klikaci obrazek uvnitr inputu – JavaScript, AJAX, jQuery – Fórum – Programujte.com

Ahojky všichni,

Mám formular input type text v tomto inputu potrebuju obrazek na konci ktery bude spoustet urcity event (toggle)

Pokud to udelam klasicky css background-image nemuzu mit obrazek klikaci. Muzete mi nekdo poradit? :) dekuji

#1 Tomas
www.google.cz

<input type="image" src="ddd" />

a napíchnout submit. Či img a napíchnout click...

#2 Matěj Andrle
Ahoj  mám tech inputu nekolik pod sebou takze submit dat nemuzu aby se mi neodeslal formular navic do vnitrku toho inputu potrebuju psat text a obrazek ma byt jen na konci malinky "napoveda" ktera pri kliknuti rozvine napovedu

#3 Tomas
Znovu - napíchnout submit (a zastavit navrácením false), anebo napíchni click img tagu - problém?

#4 Matěj Andrle
Muzes mi napsat nejakou ukazku?

#5 Tomas
 

<img alt="" src="" id="ddd" />

...

document.getElementById("ddd").onclick = function(){}

Co na tom nechápeš?

#6 Matěj Andrle
Nepochopil jsem to protoze jsem to myslel jinak.

http://jsfiddle.net/zztgpasL/

mrkni na to prosimte.

Potrebuju aby po kliknuti na obrazek pod inputem vyjeli tri moznosti v jednom divu.

#7 Tomas
Ano - napíchni click! A pak dáš jen display: block... Před tím máš mít none. Anebo pokud to chceš i s CSS3 animací, tak dej overflow: hidden a měň pozici...

Problem je v tom že click funguje na prvky ale pozadi neni prvek jeto prostě pozadi.

tady maš funkčni: http://jsfiddle.net/zztgpasL/1/ 

Funguje to tak že ten obrazek je nadsazeny nad ten div pomoci absolutu a když na něj mačkneš tak pomoci jQuery přidam class active kterej je nastylovany dle potřeby.