При наведение на картинку - ГуглТранслейт как сделать?

Статус
В этой теме нельзя размещать новые ответы.

Pigini

Знаток
Регистрация
28 Апр 2009
Сообщения
173
Реакции
29
При наведение на картинку - ГуглТранслейт как сделать?
Только без использования jQuery библиотеки...

Вот пример как хотелось бы - Для просмотра ссылки Войди или Зарегистрируйся
(в правом верху изображение с сменой языка..)
 
Что-то я там не увидел смены языка
 
да мне нужен просто JS котрый делает так как на сайте... -

При наведение на картинку отображается Гугл Переводчик...

2921d0e2fcf3.jpg
 
Скрипт ПРИ НАВЕДЕНИИ на картинку показывается ГУГЛ!!!

Скрипт! Когда вы мышкой подводите на картинку "Транслейт" то выскакивает ГуглПереводчик...

Вот нужнен такой скрипт что делает это! ... на примере используется библиотека jQuery, но как без нее сделать!?
 
Скрипт ПРИ НАВЕДЕНИИ на картинку показывается ГУГЛ!!!
В ie не работает:)

Скрипт! Когда вы мышкой подводите на картинку "Транслейт" то выскакивает ГуглПереводчик...

HTML:
<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=ru&w=160&h=60&title=&border=&output=js"></script>

Вот нужнен такой скрипт что делает это! ... на примере используется библиотека jQuery, но как без нее сделать!?
Там сделано так- jq открывает ифрейм с инструментом перевода




Можно вставить код в слой и скрыть\открывать его
HTML:
<script language="javascript"> 
<!-- 
 
var state = 'none'; 
function showhide(layer_ref) { if (state == 'block') { 
state = 'none'; 
} 
else { 
state = 'block'; 
} 
if (document.all) { //IS IE 4 or 5 (or 6 beta) 
eval( "document.all." + layer_ref + ".style.display = state"); 
} 
if (document.layers) { //IS NETSCAPE 4 or below 
document.layers[layer_ref].display = state; 
} 
if (document.getElementById &&!document.all) { 
hza = document.getElementById(layer_ref); 
hza.style.display = state; 
} 
} 
//--> 
</script>
 
Да нет!
там сделано через библиотеку...

HTML:
<script type="text/javascript" src="http://www.longtailvideo.com/jw/js/jquery.js"></script>
<script type="text/javascript" src="http://www.longtailvideo.com/jw/js/jquery.timers.js"></script>
<script type="text/javascript" src="http://www.longtailvideo.com/jw/js/translatepop.js"></script>
 
Маленькая поправка: там инструмент перевода вставлен в скрытый стой (а ифрейм, это уже выводит сам переводчик.)

Да нет!
там сделано через библиотеку...
Через библиотеку сделанно только показ и скрытие слоя с переводчиком.
HTML:
  <div id="Translator" class="gtcontain" style="display: none;">
   <script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=en&w=160&h=60&title=&border=&output=js"></script>
  </div>

Сам переводчик- инструмент Для просмотра ссылки Войди или Зарегистрируйся
 
Так еще раз пишу!

Мне и нужен скрипт который делает ПОКАЗ и СКРЫТИЕ!
Только без jQuery библиотеки
 
Так еще раз пишу!
Код привёл чуть выше Для просмотра ссылки Войди или Зарегистрируйся
HTML:
 <script language="javascript"> 
<!-- 
var state = 'none'; 
function showhide(layer_ref) { 
if (state == 'block') { 
state = 'none'; 
} 
else { 
state = 'block'; 
} 
if (document.all) { //IS IE 4 or 5 (or 6 beta) 
eval( "document.all." + layer_ref + ".style.display = state"); 
} 
if (document.layers) { //IS NETSCAPE 4 or below 
document.layers[layer_ref].display = state; 
} 
if (document.getElementById &&!document.all) { 
hza = document.getElementById(layer_ref); 
hza.style.display = state; 
} 
} 
//--> 
</script>
как использовать
HTML:
<p><a href="#" onclick="showhide('div1');">Show/hide me</a></p> 
<div id="div1" style="display: none;">This is the content</div>
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху