Autor Zpráva
Nailen
Profil
Ahoj mám dotaz. Když použiji následující kód:
tak script funguje.

<script type="text/javascript"> 
// Popup window code
function newPopup(url) {
	popupWindow = window.open(
		url,'popUpWindow','height=700,width=800,left=10,top=10,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no,status=yes')
}
</script>
 <a href="JavaScript:newPopup('http://neco.cz/');">Vyskakovací okno v pop-up!</a>


Chtěl bych ale text nahradit submit buttonem. Pokud tedy napíšu:

<a href="JavaScript:newPopup('http://neco.cz/');"><input type="submit" value="vyskakovací okno" style="width: 100px" ></a>

Tak mi to v IE 8 nefunguje. čím to může být?

Děkuji za radu.
_es
Profil
Nailen:
Chtěl bych ale text nahradit submit buttonem.
A čo ťa k takému niečomu vedie?

Tak mi to v IE 8 nefunguje. čím to může být?
Je to dosť nezmyselná kombinácia - odosielacie tlačítko v odkaze, takže niet divu, že to v niektorých prehliadačoch „nefunguje“. Ak by bolo také tlačítko aj vo formuláre aj v odkaze, čo by sa malo stať po kliknutí na také tlačítko?
Nailen
Profil
no jediný dovod proč toto chci je, že místo textového odkazu tam chci mít klasické tlačítko (button)
zkoušel jsem i následující, ale také to nefunguje.

<a href="JavaScript:newPopup('http://neco.cz/);"><button name="cokoliv" value="cokoli" type="button">cokoli</button></a>
Trejpa
Profil
Nailen:
Nechápu, proč to musí být zrovna submit tlačítko, ale:
<form action="#" onsubmit="newPopup('http://neco.cz/');return false">
<input type=submit value="vyskakovací okno" style="width: 100px">
</form>


Kdyby náhodou nemuselo:
<form action="#">
<input type=button value="vyskakovací okno" style="width: 100px" onclick="newPopup('http://neco.cz/')">
</form>
Trejpa
Profil
Nailen:
Odkaz i submit jsou nezávislé aktivní prvky. Oba mají zadanou adresu (href/action), na kterou se po kliknutí přesměrovávají. Vložení do sebe je vážná chyba. Co má po kliknutí prohlížeč udělat: aktivovat odkaz nebo aktivovat tlačítko?
Nailen
Profil
Trejpa:
Nailen:
Odkaz i submit jsou nezávislé aktivní prvky. Oba mají zadanou adresu (href/action), na kterou se po kliknutí přesměrovávají. Vložení do sebe je vážná chyba. Co má po kliknutí prohlížeč udělat: aktivovat odkaz nebo aktivovat tlačítko?

nemusí to být submit tlačítko. ta druhá varianta je super a funguje mi. Je to validní a mohu to používat?

Díky.
Trejpa
Profil
Nailen:
Je to validní a mohu to používat?
Otázka má znít, zda to všude funguje. Ano. Pro uživatele s JavaScriptem je to funkční, správné a použitelné řešení. Je-li tlačítko uvnitř formuláře (jak je to napsané), tak je to v HTML 4.01 Transitional validní, pro HTML 4.01 Strict je nutno ještě input zanořit do nějakého bloku (odstavec, fieldset) ve formuláři.

Validita ale není třeba, prohlížeče ani návštěvníci ji neocení. Stačí se vyvarovat syntaktických chyb.



Sám bych ale vyskakovací okno udělal odkazem (třeba nastylovaným jako tlačítko), který by na danou stránku vedl. To zajistí funkčnost i uživatelům bez JavaScriptu a různým vyhledávačům.
<a href="http://neco.cz/" onclick="newPopup(this.href);return false" target=_blank>vyskakovací okno</a>
Nailen
Profil
Trejpa:
Sám bych ale vyskakovací okno udělal odkazem (třeba nastylovaným jako tlačítko), který by na danou stránku vedl. To zajistí funkčnost i uživatelům bez JavaScriptu a různým vyhledávačům.

a nastylovat to jde, že to bude vypadat stejně jako ostatní tlačítka co tam budou?
margin
Profil *
Nailen:
a nastylovat to jde, že to bude vypadat stejně jako ostatní tlačítka co tam budou?
Pokud ostatní tlačítka, co tam budou, styluješ, tak ano.
Nailen
Profil
když se podíváš na konec této stránky, tak tam vidíš dvě tlačítka "Poslat zprávu" a "Ukázat náhled". Předpokládám, že se mi nepodaří nastylovat tlačítka, aby vypadala stejně.
Trejpa
Profil
Nailen:
Do původnímu systémového vzhledu tlačítek odkaz nenastyluješ, protože každý systém si je styluje po svém (přirozeně, v rámci systému hezky).

Můžeš si tlačítka přestylovat podle sebe, ale pro uživatele to bude nepřirozené. Tomu se už odkaz připodobnit dá.
Nailen
Profil
ok, tak díky za rady. Uvidím co s tím provedu.
Chamurappi
Profil
Reaguji na Trejpu:
Do původního systémového vzhledu tlačítek odkaz nenastyluješ
Jen pro zajímavost — v Mozille to jde CSS vlastností -moz-appearance: button.
margin
Profil *
Chamurappi:
Jen pro zajímavost — v Mozille to jde
Jen pro zajímavost, ve webkitu to jde, s patřičným vendor prefixem, taky.

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: