Hejsa piger og drenge.
Jeg er stødt på en lille forhindring som jeg ikke kan få løst.
Jeg har en søgeboks som der sker lidt forskelligt med når man klikker på den.
Men det skal så være sådan at når der bliver klikket uden for den og den er tom ja så skal "placeholder" teksten føres tilbage til udgangspunktet.
JS
- //Søgeboks
- $(".placeholder input").focus(function() {
- $(this).parent().find("label").animate({opacity:0.5}, "slow");
- }).keyup(function() {
- var el = $(this).parent().find("label");
- if(!$(this).attr("value").length) {
- el.css({display:"block"}).animate({opacity:2}, "slow");
- }
- }).keyup(function() {
- var el = $(this).parent().find("label");
- el.css({display: $(this).attr("value").length ? "none" : "block" });
- });
HTML
- <form action="" id="serach" class="search placeholder">
- <label>Søg efter en kontakt</label>
- <input tytpe="text" value="" name="q" class="text" />
- <input type="submit" value="rechercher" class="submit" />
- </form>
Nogen der kan hjælpe mig videre?