Форум PHP программистов > Не могу добавить тег alt в JS скрипт

[ Поиск ] - [ Пользователи ] - [ Календарь ]

Полная Версия: Не могу добавить тег alt в JS скрипт

segazav

28.10.2011 - 14:25

Есть скрипт для затемнения экрана и вывода картинки:

<script type='text/javascript'>
        //<![CDATA[
		 $(document).ready(function(){
		   var background = $('<div><\/div>').css({'backgroundColor' : '#000',
		                                           'width' : '100%',
                                                   'height' : '100%',												   
												   'position' : 'fixed',
												   'z-index' : '1',
												   'top' : '0',
												   'left' : '0',
												   'opacity' : '0.2'});
		   var image = $('<img>').attr('src', './load/loader-form5.gif'); 
		   var loading = $('<div><\/div>').css({'z-index' : '100',
												'position' : 'fixed',
												'top' : '50%',
												'left' : '50%',
												'margin' : '-64px 0 0 -64px'})
												.html(image);
		    $('#submit').click(function(){
		     $('body').prepend(loading);
		     $('body').prepend(background);
		    });
		 });
	    //]]>
       </script>

Помогите добавить в переменную "image" тег alt="Обработка информации ..."
Заранее благодарен!!!

Спустя 5 минут, 23 секунды (28.10.2011 - 13:31) Игорь_Vasinsky написал(а):

тег IMG
атрибут TITLE (ALT устарел)

$('<img>').attr('title', 'титл картинки');

Спустя 2 минуты, 9 секунд (28.10.2011 - 13:33) segazav написал(а):

Немного не понял, укажите пожалуйста конкретно на примере:

 
var image = $('<img>').attr('src', './load/loader-form5.gif');

Спустя 22 минуты, 41 секунда (28.10.2011 - 13:55) Игорь_Vasinsky написал(а):

как то так

<script type='text/javascript'>
        //<![CDATA[
		 $(document).ready(function(){
		   var background = $('<div><\/div>').css({'backgroundColor' : '#000',
		                                           'width' : '100%',
                                                   'height' : '100%',												   
												   'position' : 'fixed',
												   'z-index' : '1',
												   'top' : '0',
												   'left' : '0',
												   'opacity' : '0.2'});
		   var img = $('<img>');
           var imageOnSrc = img.attr('src', './load/loader-form5.gif'); 
           var image = imageOnSrc.attr('title', 'подсказка');         
           
		   var loading = $('<div><\/div>').css({'z-index' : '100',
												'position' : 'fixed',
												'top' : '50%',
												'left' : '50%',
												'margin' : '-64px 0 0 -64px'})
												.html(image);
		    $('#submit').click(function(){
		     $('body').prepend(loading);
		     $('body').prepend(background);
		    });
		 });
	    //]]>
       </script>

Спустя 19 минут, 21 секунда (28.10.2011 - 14:15) segazav написал(а):

Спасибо!!!

Все работает!!!

Спустя 1 час, 20 минут, 18 секунд (28.10.2011 - 15:35) segazav написал(а):

Можете подсказать ещё один момент.
Нужно добавить в данный код под рисунком текст в теге DIV "Подождите, происходит обработка информации ..."

Спустя 37 минут, 37 секунд (28.10.2011 - 16:13) Игорь_Vasinsky написал(а):

Цитата

var loading = $('<div><\/div>').css({'z-index' : '100',
'position' : 'fixed',
'top' : '50%',
'left' : '50%',
'margin' : '-64px 0 0 -64px'})
.html(image);

var textBlock = '<br/>Твой текст';
var loading = $('<div><\/div>').css({'z-index' : '100',
												'position' : 'fixed',
												'top' : '50%',
												'left' : '50%',
												'margin' : '-64px 0 0 -64px'})
												.html(image + textBlock);

Спустя 10 минут, 57 секунд (28.10.2011 - 16:24) killer8080 написал(а):

Цитата (Игорь_Vasinsky @ 28.10.2011 - 13:31)

тег IMG
атрибут TITLE (ALT устарел)

Неужели

Это совершенно разные атрибуты, у каждого своё назначение. Скажу больше img без alt - это нарушение валидности.

Спустя 19 минут, 19 секунд (28.10.2011 - 16:43) Игорь_Vasinsky написал(а):

а я и не говорил что это одно и тоже

Цитата

Скажу больше img без alt - это нарушение валидности.

да. перепроверил.... вспомнить бы кто с понталыги сбил....

ТС - замени

Спустя 26 минут, 53 секунды (28.10.2011 - 17:10) segazav написал(а):

Сделал как вы сказали, но не работает (текст отображает, но вместо картинки [object Object]):


<script type='text/javascript'>
        //<![CDATA[
		 $(document).ready(function(){
		   var background = $('<div><\/div>').css({'backgroundColor' : '#000',
		                                           'width' : '100%',
                                                   'height' : '100%',												   
												   'position' : 'fixed',
												   'z-index' : '1',
												   'top' : '0',
												   'left' : '0',
												   'opacity' : '0.2'});
		   var image = $('<img>').attr({'src': './load/5(2).gif', 'alt': 'Подождите ...'}).css({'font-family': 'Verdana, Arial, Helvetica, sans-serif', 'font-weight': 'bold', 'font-size': '16px', 'color': '#000099'}); 
		   var textBlock = '<br/>Подождите, происходит обработка информации ...';
		   var loading = $('<div><\/div>').css({'z-index' : '100',
												'position' : 'fixed',
												'top' : '50%',
												'left' : '50%',
												'margin' : '-64px 0 0 -64px'})
												.html(image + textBlock);
		    $('#submit').click(function(){
		     $('body').prepend(loading);
		     $('body').prepend(background);
		    });
		 });
	    //]]>
       </script>

Быстрый ответ:

Здесь расположена полная версия этой страницы.