Login form jquery problema IE8 alatt
Sziasztok!
Van valakinek ötlete, vagy helyettesítő javaslata, hogy a jquery-1.6.2.min.js plugin helyett hogyan lehet a login form mezőibe default szöveges értékeket kiíratni IE8-ban? A kérdéses js-el ugyanis az oldal teljesen esetlegesen visszaállítódik, majd elszáll.
Simán csak annyit akarnék, hogy IE8 alatt is látszódjon a login form két mezőjében a "Felhasználónév" és "Jelszó" felirat a gyengébbeknek.
Sajnos a design miatt az most nem alternatíva, hogy ne a mezőben látszódjon mindez.
Előre is köszönöm, ha van építő jellegű javaslatotok!
roszi
re: Login form jquery problema IE8 alatt
Idézet:
roszi eredeti hozzászólása
Sziasztok!
Van valakinek ötlete, vagy helyettesítő javaslata, hogy a jquery-1.6.2.min.js plugin helyett hogyan lehet a login form mezőibe default szöveges értékeket kiíratni IE8-ban? A kérdéses js-el ugyanis az oldal teljesen esetlegesen visszaállítódik, majd elszáll.
Simán csak annyit akarnék, hogy IE8 alatt is látszódjon a login form két mezőjében a "Felhasználónév" és "Jelszó" felirat a gyengébbeknek.
Sajnos a design miatt az most nem alternatíva, hogy ne a mezőben látszódjon mindez.
Előre is köszönöm, ha van építő jellegű javaslatotok!
roszi
Lehet, hogy én vagyok funkcionális analfabéta, de nem értem, mit akarsz :sad:
A jquery-1.6.2.min.js filenév valószínűleg a jQuery nevű JS libraryra utal, ami nem egy plugin. Elég sok jQuery plugin létezik, de ez a file valószínűleg ma a jQuery.
Azt sem tudom, hogy milyen problémát okoz, mert amennyire én észleltem, eléggé jól működik a cross-browser kompatibilitása.
A default értéket meg szerintem egy egyszerű
Kód:
<input type="text" name="username" value="Kezdőérték, mondjuk Felhasználóinév" />
formában megadható. Így ugyan nem jelölődik ki, vagy tűnik el, ha belekattint, de át lehet írni és alapból az van benne. Ha ilyesmit is akarsz és mégsem jó a jQuery, akkor ajánlom az onfocus, onclick, onblur eseményeket és a sima JS-t. Ennek mennie kell minden böngészőben.
re: Login form jquery problema IE8 alatt
szerintem ok html5 placeholder-t hasznal. ehhez vannak JS fallback megoldas mint pl ez: http://www.morethannothing.co.uk/201...a-js-fallback/ . az oldalad azert eshet szet, mert lehet hogy hasznalsz mas JS library-t is es osszeakad a jQuery-vel.
re: Login form jquery problema IE8 alatt
Köszönöm a segítséget! Kiderült, hogy az IE8 nem szereti a relatív hivatkozást a js meghívásakor, így az alábbi meghívás segített, hátha más is fennakad ezen a placeholder problémán:
Kód:
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<!-- Placholder - lt IE 9 -->
<script type="text/javascript" src="js/jquery.placeholder.min.js"></script>
<script type="text/javascript">
$(function(){
$('input[placeholder], textarea[placeholder]').placeholder();
});
</script>
re: Login form jquery problema IE8 alatt
Esetleg JQuery nélkül, hátha valakinek kell.
HTML:
HTML kód:
<input type="text" name="user" value="Felhasználónév" onfocus="change('on',this);" onblur="change('off',this);" />
<input type="password" name="pass" value="Jelszó" onfocus="change('on',this);" onblur="change('off',this);" />
A hozzátartozó JavaScript:
Kód:
function change(type,data) {
if(data.value == data.defaultValue && type == "on") {
data.value = "";
} else {
if(data.value == "" && type == "off") {
data.value = data.defaultValue;
}
}
}