Перейти к содержимому

Сервис обмена электронных валют

Партнерская программа Kredov

Javascript в фрейме

#1 phpCode

phpCode
  • Пользователь
  • 11 сообщений
  • Репутация: 0
0

Отправлено 09 Январь 2012 - 20:15

имеется фрейм:
<iframe src="Картинка.jpg" width="607" height="360" frameborder="0"></iframe>


Можно ли сделать скрипт, который после нажатия на картинку выведет на экран какой-либо текст?

 

 

  • 0

#2 sogologo

sogologo
  • Пользователь
  • 29 сообщений
  • Репутация: 0

Отправлено 09 Январь 2012 - 20:18

конечно имеется ;))

Но у меня есть для вас только jquery решение ;) сойдет?
  • 0

#3 phpCode

phpCode
    Topic Starter
  • Пользователь
  • 11 сообщений
  • Репутация: 0

Отправлено 09 Январь 2012 - 20:19

Конечно)
  • 0

#4 sogologo

sogologo
  • Пользователь
  • 29 сообщений
  • Репутация: 0

Отправлено 14 Январь 2012 - 18:38

Пишу значит по вашей просьбе, извините что так долго :blink: был в дороге. Надеюсь еще актуально :)

Значит что нужно сделать:
1. Подключить JQuery, вот например последняя версия, это надо вставить между <head></head>
https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js

2. HTML код для примера
<a onclick="text1()">Link1</a>
<a onclick="text2()">Link2</a>

<div id="foo"></div>

3. Скрипт JS на jQuery.
//если нужно вставить простой текст
function text1() {
   $("#foo").text("Новье!")
}

//если нужно вставить HTML
function text2() {
   $("#foo").html("<p>Текст</p>");
}

4. вот вроде и все :) говорим спасибо!
  • 0

#5 phpCode

phpCode
    Topic Starter
  • Пользователь
  • 11 сообщений
  • Репутация: 0

Отправлено 15 Январь 2012 - 10:32

Что тут неверно?

<head>
<script src="jquery.min.js" type="text/javascript"></script>

<script type="text/javascript">
function text2() {
$("#foo").html("<p>Текст</p>");
}
</script>
<iframe src="jljlkj.jpg" width="607" height="360" frameborder="0">
<a onclick="text2()">Link2</a>
<div id="foo"></div>
</iframe>

</head>


:blink:
  • 0

#6 HapkomaH

HapkomaH
  • Пользователь
  • 38 сообщений
  • Репутация: 2

Отправлено 15 Январь 2012 - 11:56

Отличный вопрос. Неверно все, начиная с того, что вы все элементы страницы запихнули в тэг head, заканчивая тем, что из соображений безопасности браузеры запрещают обработку каких-либо действий во фрейме (в опере кажется даже в пределах своего домена нельзя). Почему бы вам не использовать вместо фреймов обычные элементы img, если вы пытаетесь загрузить картинки? Тогда вся работа сводится к:

<img src="img.jpg" onclick="document.getElementById('img_text').innerHTML='Кликнули'" /><div id="img_text" />
Все просто и без использования дополнительных библиотек вроде jQuery.
  • 0

#7 phpCode

phpCode
    Topic Starter
  • Пользователь
  • 11 сообщений
  • Репутация: 0

Отправлено 15 Январь 2012 - 12:10

Мне необходимо, чтобы картинку перекрывало и появлялось окно с каким-то содержимым.)
Как-то так


  • 0

#8 HapkomaH

HapkomaH
  • Пользователь
  • 38 сообщений
  • Репутация: 2

Отправлено 15 Январь 2012 - 13:04

<div style="width: 100px; height: 100px; padding: 0;">
<div style="width: 100px; height: 60px; position: relative; top: 0px; left: 0px; text-align: center; padding-top: 40px;" id="img_text" />
<img src="img.jpg" width="100" height="100" onclick="document.getElementById('img_text').innerHTML='Кликнули'" style="position: relative; top: -100px;" />
</div>

Что-то вроде этого
  • 0

#9 sogologo

sogologo
  • Пользователь
  • 29 сообщений
  • Репутация: 0

Отправлено 15 Январь 2012 - 14:24

ну что вам помогли :blink: ???

а использование сторонних библиотек :) не вижу в этом не чего плохого, очень даже гуманно все.
  • 0

#10 HapkomaH

HapkomaH
  • Пользователь
  • 38 сообщений
  • Репутация: 2

Отправлено 15 Январь 2012 - 15:43

Я тоже не вижу ничего плохого в этом, но их стоит использовать только в сложных решениях, здесь же все просто и всего одна строчка js-кода. Грузить дополнительно 90 кб нет особого смысла ради этого.


  • 0

robot

robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85


Оформление форума – IPBSkins.ru