Панель поиска не отображает тег rel - PullRequest
Новая
       2

Панель поиска не отображает тег rel

0 голосов
/ 25 мая 2011

Я установил тег rel для отображения текста на панели поиска. По какой-то странной причине он не показывает текст на главной странице: http://www.horecavacaturebank.nl/

<input type="text" id="search" title="" name="s" class="text placeholder" rel="Alle vacatures" value="" />
<input type="text" id="near" title="Locatie" name="location" class="text placeholder" rel="Locatie" value="" />

Я использую тот же код на странице "Bekijk CV", который на самом деле работает: http://www.horecavacaturebank.nl/cv/

<input type="text" id="search" title="" name="s" class="text placeholder resume-search" rel="CV's zoeken" value="" /

Я уже потратил 2 часа, чтобы исправить это и подумать, что сейчас самое время попросить вас, ребята, о помощи. Заранее спасибо!

РЕДАКТИРОВАТЬ: Кажется, что это как-то конфликтует с файлом jquery. Если я удаляю следующую строку, панель поиска работает, но ползунок больше не будет: 

<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jquery-1.4.3.min.js"></script>

Ответы [ 2 ]

0 голосов
/ 25 мая 2011

@ Квентин прав. Вы не должны использовать атрибут rel для элемента input.

Вы можете использовать простой бит jQuery, чтобы получить желаемый эффект 

$('#search').val('Alle vacatures');
$('#near').val('Locatie');

$('#search, #near').focusin(function(){
    $(this).val('')
});

$('#search, #near').focusout(function(){
    if ($('#search').val() == ""){
        $('#search').val('Alle vacatures');    
    }
    if ($('#near').val() == ""){
        $('#near').val('Locatie');    
    }
});

Вы устанавливаете значения, которые отображаются на входе. Когда вы сосредотачиваетесь на любом входе, значение удаляется. Если вход теряет фокус, и если к полю ничего не добавлено, значение снова возвращается.

http://jsfiddle.net/2HY7y/

0 голосов
/ 25 мая 2011

Вы можете попробовать http://code.google.com/p/jquery-watermark/

...