X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Javascript в фрейме, вопрос
phpCode
phpCode
Topic Starter сообщение 9.1.2012, 21:15; Ответить: phpCode
Сообщение #1


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


Можно ли сделать скрипт, который после нажатия на картинку выведет на экран какой-либо текст?
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
sogologo
sogologo
сообщение 9.1.2012, 21:18; Ответить: sogologo
Сообщение #2


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

Но у меня есть для вас только jquery решение ;) сойдет?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
phpCode
phpCode
Topic Starter сообщение 9.1.2012, 21:19; Ответить: phpCode
Сообщение #3


Конечно)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
sogologo
sogologo
сообщение 14.1.2012, 19:38; Ответить: sogologo
Сообщение #4


Пишу значит по вашей просьбе, извините что так долго :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. вот вроде и все :) говорим спасибо!


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
phpCode
phpCode
Topic Starter сообщение 15.1.2012, 11:32; Ответить: phpCode
Сообщение #5


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

<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:
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
HapkomaH
HapkomaH
сообщение 15.1.2012, 12:56; Ответить: HapkomaH
Сообщение #6


Отличный вопрос. Неверно все, начиная с того, что вы все элементы страницы запихнули в тэг head, заканчивая тем, что из соображений безопасности браузеры запрещают обработку каких-либо действий во фрейме (в опере кажется даже в пределах своего домена нельзя). Почему бы вам не использовать вместо фреймов обычные элементы img, если вы пытаетесь загрузить картинки? Тогда вся работа сводится к:
<img src="img.jpg" onclick="document.getElementById('img_text').innerHTML='Кликнули'" /><div id="img_text" />
Все просто и без использования дополнительных библиотек вроде jQuery.


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
phpCode
phpCode
Topic Starter сообщение 15.1.2012, 13:10; Ответить: phpCode
Сообщение #7


Мне необходимо, чтобы картинку перекрывало и появлялось окно с каким-то содержимым.)
Как-то так
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
HapkomaH
HapkomaH
сообщение 15.1.2012, 14:04; Ответить: HapkomaH
Сообщение #8


<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>

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


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
sogologo
sogologo
сообщение 15.1.2012, 15:24; Ответить: sogologo
Сообщение #9


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

а использование сторонних библиотек :) не вижу в этом не чего плохого, очень даже гуманно все.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
HapkomaH
HapkomaH
сообщение 15.1.2012, 16:43; Ответить: HapkomaH
Сообщение #10


Я тоже не вижу ничего плохого в этом, но их стоит использовать только в сложных решениях, здесь же все просто и всего одна строчка js-кода. Грузить дополнительно 90 кб нет особого смысла ради этого.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Услуги по созданию и доработке скриптов PHP, MySQL, JavaScript, jQuery
Разработка сайтов и сервисов под-ключ
0 alexey 1170 24.11.2023, 14:46
автор: alexey
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыВеб-разработка (HTML5, CSS3, JavaScript, jQuery, Ajax, PHP)
56 qpPeW 44764 19.7.2023, 10:03
автор: qpPeW
Открытая тема (нет новых ответов) 1C-Bitrix, JavaScript\jQuery, Верстка HTML5 CSS3
1 byteeightlab 1458 2.7.2019, 7:37
автор: ychervov
Открытая тема (нет новых ответов) Как запустить видео во фрейме с открытием страницы сайта
0 master-vek 1688 9.4.2019, 16:23
автор: master-vek
Открытая тема (нет новых ответов) Дополнительный доход по Вашему трафику - JavaScript майнинг
6 GridCash 2680 22.4.2018, 20:30
автор: -GridCash-


 



RSS Текстовая версия Сейчас: 28.3.2024, 20:17
Дизайн