Forum PHP.pl > Placeholder - nie działa w Internet Explorer

james8

29.01.2013, 22:16:47

Witajcie,

Projektuje aplikacje internetową zawierającą formularz, do elementu input wstawiłem atrybut placeholder, w przegladarkach chrome, opera działa bez problemu, jednak otworzyłem stronę w IE 9 i nie działa :/

Jak wyczytałem na STRONIE, placeholder jest obsługiwany dopiero przez 10 wersje IE, czy istnieje jakiś "hak" aby to ominąć?

tolomei

29.01.2013, 22:45:50

Witaj.

Możesz pomyśleć o jakimś pluginie javascriptowym, który utworzy Ci placeholder dla IE.
Możesz go uruchamiać tylko przy wykryciu, że jesteś w IE 9/8/7, więc w innych przeglądarkach zostanie użyta funkcjonalność wbudowana.
Gdzie szukać? Google prawdę Ci powie.

Pozdrawiam

Szymciosek

29.01.2013, 22:51:17

https://github.com/mathiasbynens/jquery-placeholder

fizzlebubble

29.01.2013, 23:32:20

jquery placeholder jest spoko, ale spróbuj poniższy kod:

Kod

    if($('input[value]:not(:radio, :checkbox)').length) {
    $('input[value]:not(:radio, :checkbox)').each(function() {
            var $this = $(this);
            $this.data('value', $this.val());
            $this.on({
                'focus' : function() {
                    if($this.val()==$this.data('value')) {
                        $this.val('');
                    }
                },
                'blur' : function() {
                    if($this.val()=='') {
                        $this.val($this.data('value'));
                    }
                }
            })
        })
    }

james8

23.02.2013, 10:59:45

Cytat(fizzlebubble @ 29.01.2013, 23:32:20 )

jquery placeholder jest spoko, ale spróbuj poniższy kod:

Kod

    if($('input[value]:not(:radio, :checkbox)').length) {
    $('input[value]:not(:radio, :checkbox)').each(function() {
            var $this = $(this);
            $this.data('value', $this.val());
            $this.on({
                'focus' : function() {
                    if($this.val()==$this.data('value')) {
                        $this.val('');
                    }
                },
                'blur' : function() {
                    if($this.val()=='') {
                        $this.val($this.data('value'));
                    }
                }
            })
        })
    }

Rozumiem, że po zaznaczeniu zaznaczenika <input type="text" value="zawartość" /> wartość value powinna zniknąć?

Niestety nie działa.... Jakieś pomysły?

dzastin

27.02.2013, 18:19:16

IE niestety nie wspiera placeholder'ów, ostatnio rozwiązywałem to tak:
- dla pustego pola w value wpisuję wartość placeholdera
- przy focusie na pole i value == placeholder czyszczę value
- przy utracie focusa na polu i value puste, to ponownie wpisuję tam placeholder

Ogólnie jakieś gotowce tutaj:
http://stackoverflow.com/questions/5522164...ternet-explorer

Pawel_W

27.02.2013, 22:47:58

tu masz gotowy kod, który wykrywa, czy przeglądarka obsługuje placeholder, jeżeli nie, to stosuje javascriptowy zamiennik:

[HTML] pobierz, plaintext 
    if(!('placeholder' in document.createElement('input'))){
        $('input').focus(function(){
            if($(this).val() == $(this).attr('placeholder')) $(this).val('');
        }).blur(function(){
            if($(this).val() == '') $(this).val($(this).attr('placeholder'));
        }).trigger('blur');
    }
[HTML] pobierz, plaintext

kicaj

28.02.2013, 19:36:45

To ja jeszcze dorzucę tutaj swój 'placeholder fix': http://blog.kdev.pl/2013/01/poprawa-dziaan...laceholder.html