Autor Zpráva
KUKY
Profil *
#1 · Zasláno: 9. 12. 2006, 11:02:34
Odpovědět Citovat
Dobrý den.
Když mám formulář a pod ním tlačítko které po stisknutí odešle data na PHP skript ke zpracování tak to funguje...paráda...ale co když potřebuji místo tlačítka mít obyčejný text ale aby fungoval stejně jako to tlačítko (po kliknutí odešle data na PHP skript ke zpracování) ???
Děkuji za radu....
esemeska
Profil
#2 · Zasláno: 9. 12. 2006, 11:26:10
Odpovědět Citovat
KUKY
1) pres JS
2) nastylovat to tlacitko, aby vypadalo jako text
KUKY
Profil *
#3 · Zasláno: 9. 12. 2006, 11:34:29
Odpovědět Citovat
esemeska
1) já JS bohužel neovládám takže nevím jak by se to dalo udělat
2) nastylovat to to neni špatnej nápad ale nevim nevim jestli to bude stejný jak napsanej text...skusim to

(kdyby někdo měl volnou chvíly a chtěl pomoct tak mi klidně tady napište jak by se to dalo přes ten JS udělat...budu jen rád :-) )
Děkuji.
Dero
Profil
#4 · Zasláno: 9. 12. 2006, 11:36:56
Odpovědět Citovat
2) nastylovat to to neni špatnej nápad ale nevim nevim jestli to bude stejný jak napsanej text...skusim to

Záleží na Tvé šikovnosti, principiálně to není nejmenší problém.
KUKY
Profil *
#5 · Zasláno: 9. 12. 2006, 11:42:38
Odpovědět Citovat
Mam to nastylované jen potřebuju hover efekt na čemž jsem jaksi skončil. Když na to najedu tak potřebuju aby se změnila barva písma...nějak mi to nejde...prosím pomoc.
Dero
Profil
#6 · Zasláno: 9. 12. 2006, 11:52:18
Odpovědět Citovat
KUKY: V Internet Exploreru 6 a nižších to pomocí CSS nejde. Je třeba použít maličko JavaScriptu.

V ostatních prohlížečích stačí:

button:hover { ... }
-- nebo --
input[type="submit"]:hover { ... }
KUKY
Profil *
#7 · Zasláno: 9. 12. 2006, 11:55:35
Odpovědět Citovat
díky hover už funguje ale jak na ten IE ??? kdyby ho nemělo tolik lidí tak není co řešit jenže Microsoft ho cpe všude kde se dá a tudiž se musí myslet i na lidi co maj IE....prosím o pomoc s IE....díky (JS neovládám).
Oswald
Profil
#8 · Zasláno: 9. 12. 2006, 11:57:12
Odpovědět Citovat
Přesně tohle jsem kdysi dělal na jednom webu, tady je JS: 

function createSubmitLink(formId, parentId) {

	var span, parent, form;

	parent = document.getElementById(parentId);

	form = document.getElementById(formId);

	if (parent && form) {

		span = document.createElement('span');

		span.className = 'submitLink';

		span.appendChild(document.createTextNode('Odeslat'));

		parent.appendChild(span);

		span.onclick = function() {

			if (form.onsubmit instanceof Function) {

				if (false === form.onsubmit()) {

					return;

				}

			}

			form.submit();

		}

	}

}


Té funkci se předá ID formuláře a ID prvku, kam se ten "odkaz" vloží.

CSS: 
span.submitLink {

	cursor: pointer;

	cursor: hand;

	text-decoration: underline;

	font-weight: bold;

}


Do toho je formuláře je nutnost do <noscript> přidat i normální odesílací tlačítko pro lidi bez JS: 

<noscript><p><input type="submit" value="Odeslat" /></p></noscript>


Jak to pak vypadá se můžeš podívat tady: http://volebnifakta.cz/
esemeska
Profil
#9 · Zasláno: 9. 12. 2006, 12:49:56
Odpovědět Citovat
btw, pozadi :hover jde takto:

input{background: transparent;}
a:hover{background: red;}

<form>
<a href="#">
<input type="submit"></a>
</form>
Časová prodleva: 17 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0