1. Главная
  2. Блоги
  3. Блог HarryAscent

[Решено]Исчезающий текст WebForm на Drupal 6

Главные вкладки

Комментарии

Аватар пользователя vitalii.stymkovskyi vitalii.stymkovskyi 18 декабря 2011 в 15:48
Дефолтная надпись
        $("input.form-text").val(Drupal.t('Поиск'));
       
При щелчке
        $("input.form-text").mousedown( function() {
                if ($(this).val() == 'Поиск') {
                        $(this).val('');
                        $(this).focus();
                }
        });
        $("input.form-text").blur(function() {
                if ($(this).val() == '') {
                        $(this).val(Drupal.t('Поиск'));
                }
        });
Аватар пользователя HarryAscent HarryAscent 18 декабря 2011 в 15:59

"vitaliy.stymkovskyy" wrote:
Дефолтная надпись
$("input.form-text").val(Drupal.t('Поиск'));
 
При щелчке
$("input.form-text").mousedown( function() {
if ($(this).val() == 'Поиск') {
$(this).val('');
$(this).focus();
}
});
$("input.form-text").blur(function() {
if ($(this).val() == '') {
$(this).val(Drupal.t('Поиск'));
}
});

"q2_faith" wrote:
через темизацию

Не силен в php, javascript. Обьясните если можно на пальцах Smile и не с поиском a textarea в комментах ноды и WebForm полями. что где и как пожалуста Smile

Аватар пользователя q2_faith q2_faith 18 декабря 2011 в 16:20

"HarryAscent" wrote:
Не силен в php, javascript. Обьясните если можно на пальцах Smile и не с поиском a textarea в комментах ноды и WebForm полями. что где и как пожалуста :)

вам написали как через jq сделать
если хотите сделать как вам нужно, то придется чуть чуть изучить)
почитайте про темизацию в друпале, в папке модуля вебформ есть шаблоны

Аватар пользователя enemis enemis 18 декабря 2011 в 23:45
$(document).ready(function(){
  $('.textarea-identifier').empty();
        if( !($.browser.msie)){
     
     $('#webform-client-form-1 label').each(function(){
        if($(this).attr('for')!='edit-submitted-question-category'){
            $(this).css({'top':'24px','z-index':'20'});
        }
     });
      $('#webform-client-form-1 input, #webform-client-form-1 textarea').css({"margin-bottom":"0"});
      $('#webform-component-form-surname, #webform-component-form-mail, #webform-component-form-phone').css({"margin-bottom":"0"});
 
               
                $('#webform-client-form-1 label').each(function(i){
                        var label=this;
                      //  $(this).fadeOut(2000);
                        var input=$("#"+($(this).attr('for')).toString());
                   
                        if ($(input).attr("value")!=""){
                            $(label).css("opacity",0.1);
                                   
                        }
                        $(label).bind('mouseover', function (){
                                         $(label).stop();
                                        $(label).animate({"opacity":0.1},500);    
                        });
                        $(label).bind("mouseout", function (){
                                if($(input).attr("value")==""){
                                           $(label).stop();
                                           $(label).animate({"opacity":1},500);  
                                }
                        });
                         $(input).bind('keyup', function (){
                                        if($(input).attr("value")==""){
                                                $(label).stop();
                                                $(label).animate({"opacity":1},500);                    
                                        }
                                        else {
                                                   $(label).stop();
                                                  $(label).animate({"opacity":0.1},500);
                                          }
                        });
                });
        }

собственно код на jquery. По умолчанию можете проверить при отключенном JS все label стоят сверху input. При выполнении данного кода каждая метка кроме вопроса сдвигается на поле input а сам input подымается. Тк. focus плохо работает на большинстве браузеров решено было использовать mouseout,mouseover, keyup. смотрите события jquery и исходный код моей страницы.