Перейти к публикации

Вопрос по модальным окнам и ajax

Lomot

Автор: Lomot,
в DataLife Engine (Общие вопросы)

 Рассказать Подписчики 0

Рекомендованные сообщения

Lomot

Lomot 134

Опубликовано:
Опубликовано:

Прошу помоч и пнуть в нужном направлении. Есть сайт, у него есть дополнительные поля, в которых живут ссылки на фреймы.

Задумал вставлять фреймы в модальные окна, сделал, все нормально. Вот так выглядит если кому интересно:

http://menu.ihtut.net/vertical_menu/141-vertikalnoe-menyu-stilizovannoe-pod-plastik-sero-chernogo-cveta.html

[xfgiven_demo]

<li><a href="#" onclick="showOkno_{news-id}(); return false;">Посмотреть пример</a></li>

<script type="text/javascript">function showOkno_{news-id}() { $(function(){ $('#oknouroka_{news-id}').dialog({ autoOpen: true, modal:'true', width: 900, buttons: {"Закрыть окно" : function() {$(this).dialog("close");}}});});}</script>

<div id="oknouroka_{news-id}" title="{title}" style="display:none;"><iframe src="[xfvalue_demo]" id="id{news-id}" height="400" width="900" frameborder="0" align="top"></iframe></div>

[/xfgiven_demo]

И вот я задумался фрейм грузятся без надобности. Хочешь не хочешь, он загрузится. Бред, нужно аяксом загружать при клике по ссылке.

И вот наконец вопрос.

Как загрузить аяксом в модальное окно страницу во фрейме?

Ссылка на сообщение
Поделиться на других сайтах
LADYX

LADYX 90

Опубликовано:
Опубликовано: (изменено)

Ребята, пожалуйста, прошу помочь)


<script type="text/javascript">

function showLinksPublication() {$(function(){$('#TextPrimer').dialog({autoOpen: true, show: 'fade', hide: 'fade', width: 500, height: 250,});});}

</script>

<div><a onclick="LinksPublication()">[u]<img src="{THEME}/images/links.png" title="Ссылки на публикацию" alt="Ссылки на публикацию" />[/u]</a></div>

<div id="LinksPublication" title="Название нашего окошка" style="display:none; " >

Информация в нашем окошке

</div>
Необходимо, чтобы при нажатии на картинку (как это видно в исх.коде) открывалось модальное окно. В данном случае в этом окне планируется вывести ссылки на закладки и ссылки на открытую публикацию. Но это не суть важно, что будет в этом окне, в нем может быть что угодно. Проблема у нас в том, что при нажатии на картинку окно не открывается. Ну а если прописать href, т.е так: 

<div><a [b]href="#"[/b] onclick="LinksPublication()"><img src="{THEME}/images/links.png" title="Ссылки на публикацию" alt="Ссылки на публикацию" /></a></div>

то в таком случае окошко конечно же открывается, но страницу естественно перебрасывает наверх (в нашем случае эта картинка-ссылка находится в подвале страницы, страница длиная), и наше окошко остается за пределами экрана.

Вот в этом вся проблема, не знаю как ее решить.

Заранее благодарен за помощь!

Изменено пользователем LADYX
Ссылка на сообщение
Поделиться на других сайтах
Critical Error

Critical Error 155

Опубликовано:
Опубликовано: (изменено) 

<script type="text/javascript">

function showLinksPublication() {$(function(){$('#TextPrimer').dialog({autoOpen: true, show: 'fade', hide: 'fade', width: 500, height: 250,});});}

</script>

<div><a onclick="LinksPublication()">[u]<img src="{THEME}/images/links.png" title="Ссылки на публикацию" alt="Ссылки на публикацию" />[/u]</a></div>

<div id="LinksPublication" title="Название нашего окошка" style="display:none; " >

Информация в нашем окошке

</div>
ясное дело оно не откроется. 
<script type="text/javascript">

//<![CDATA[

$(document).ready(function() {

	$('#TextPrimer').click(function(){

		$('#LinksPublication').dialog({autoOpen: true, show: 'fade', hide: 'fade', width: 500, height: 250});

	});

	return false;

}

//]]>

</script>

<div id="TextPrimer">[u]<img src="{THEME}/images/links.png" title="Ссылки на публикацию" alt="Ссылки на публикацию" />[/u]</div>

<div id="LinksPublication" title="Название нашего окошка" style="display:none; " >

Информация в нашем окошке

</div>

Изменено пользователем Critical Error
  • Поддерживаю 1
Ссылка на сообщение
Поделиться на других сайтах
LADYX

LADYX 90

Опубликовано:
Опубликовано: (изменено)

Вставляю в fullstory.tpl и тем не менее не работает. Результат вывода такой:

[u]картинка[/u]

И картинка не кликабельна.

Изменено пользователем LADYX
Ссылка на сообщение
Поделиться на других сайтах
Critical Error

Critical Error 155

Опубликовано:
Опубликовано: (изменено)

вы кликаете по диву в котором картинка. оно должно открываться

<script type="text/javascript">

//<![CDATA[

$(function() {


	$( "#LinksPublication" ).dialog({

		autoOpen: false, 

		show: 'fade', 

		hide: 'fade', 

		width: 500, 

		height: 250

	});


	$('#TextPrimer').click(function(){

		$('#LinksPublication').dialog('open');

		return false;

	});

});

//]]>

</script>

<a id="TextPrimer" href="#"><img src="{THEME}/images/links.png" title="Ссылки на публикацию" alt="Ссылки на публикацию" /></a>

<div id="LinksPublication" title="Название нашего окошка" style="display:none; " >

Информация в нашем окошке

</div>

Это уже точно должна сработать

Изменено пользователем Critical Error
  • Поддерживаю 1
Ссылка на сообщение
Поделиться на других сайтах
LADYX

LADYX 90

Опубликовано:
Опубликовано: (изменено)

Да, Critical Error, в таком исполнении всё работает. БлагоДарю за помощь!

Изменено пользователем LADYX
Ссылка на сообщение
Поделиться на других сайтах
LADYX

LADYX 90

Опубликовано:
Опубликовано: (изменено)

Прошу прощения, с окошком разобрались, но теперь столкнулся с другой проблемой, и никак не получается самому ее решить.

В этом модальном окошке планируется вывод ссылок на публикацию. Само окошко работает, но когда я вставляю скрипт вывода ссылок, которые должны выводиться в этом окошке - этот код заключен в Links on news и Links on news END:


<script type="text/javascript">

//<![CDATA[

$(function() {$( "#LinksPublication" ).dialog({autoOpen: false, show: 'fade', hide: 'fade', width: 500, height: 250}); $('#LinksPublication-link').click(function(){$('#LinksPublication').dialog('open'); return false;});});//]]>

</script>

<a id="LinksPublication-link" href="#"><img src="{THEME}/images/links.png" title="Ссылки на публикацию" alt="Ссылки на публикацию" /></a>

<div id="LinksPublication" title="Ссылки на публикацию" style="display:none; " >

<!-- Links on news -->

<table>

    <tr>

        <td width="30%"><b>HTML-cсылка на публикацию</b></td>

            <td width="70%">

            <script>

            var today=new Date()

            document.write('<textarea readOnly style="width:100%; height:15px; font-size:11px; border:1px solid #E0E0E0;" onfocus="this.select();"><a href=&#34'+window.location+'&#34>{title}</a></textarea>')

            </script>

            </td>

        </tr>

        <tr>

        <td width="30%"><b>BB-cсылка на публикацию</b></td>

            <td width="70%">

            <script>

            var today=new Date()

            document.write('<textarea readOnly style="width:100%; height:15px; font-size:11px; border:1px solid #E0E0E0;" onfocus="this.select();">[url='+window.location+']{title}[/url]</textarea>')

            </script>

            </td>

        </tr>

        <tr>

        <td width="30%"><b>Прямая ссылка на публикацию</b></td>

            <td width="70%">

            <script>

            var today=new Date()

            document.write('<textarea readOnly style="width:100%; height:15px; font-size:11px; border:1px solid #E0E0E0;" onfocus="this.select();">'+window.location+'</textarea>')

            </script>

        </td>

    </tr>

</table>

<!-- Links on news END -->

</div>

то при открытии сайта в браузере, сайт не показывается, а вместо него чистый белый экран и только ссылки на статью. Как правильно это реализовать?

Благодарю за помощь!

Изменено пользователем LADYX
Ссылка на сообщение
Поделиться на других сайтах
Critical Error

Critical Error 155

Опубликовано:
Опубликовано: 
<script type="text/javascript">

//<![CDATA[

$(function() {$( "#LinksPublication" ).dialog({autoOpen: false, show: 'fade', hide: 'fade', width: 500, height: 250}); 

$('#LinksPublication-link').click(function(){$('#LinksPublication').dialog('open'); return false;});

});

//]]>

</script>

<a id="LinksPublication-link" href="#"><img src="{THEME}/images/links.png" title="Ссылки на публикацию" alt="Ссылки на публикацию" /></a>

<div id="LinksPublication" title="Ссылки на публикацию" style="display:none; " >

<!-- Links on news -->

<table>

    <tr>

        <td width="30%"><b>HTML-cсылка на публикацию</b></td>

            <td width="70%">

		<div id="1">

            <script>

            var today=new Date();

            $("#1").html('<textarea readOnly style="width:100%; height:15px; font-size:11px; border:1px solid #E0E0E0;" onfocus="this.select();"><a href=&#34'+window.location+'&#34>{title}</a></textarea>');

            </script>

		</div>

            </td>

        </tr>

        <tr>

        <td width="30%"><b>BB-cсылка на публикацию</b></td>

            <td width="70%">

		<div id="2">

            <script>

            var today=new Date();

            $("#2").html('<textarea readOnly style="width:100%; height:15px; font-size:11px; border:1px solid #E0E0E0;" onfocus="this.select();">[url='+window.location+']{title}[/url]</textarea>');

            </script>

		</div>

            </td>

        </tr>

        <tr>

        <td width="30%"><b>Прямая ссылка на публикацию</b></td>

            <td width="70%">

		<div id="3">

            <script>

            var today=new Date();

            $("#3").html('<textarea readOnly style="width:100%; height:15px; font-size:11px; border:1px solid #E0E0E0;" onfocus="this.select();">'+window.location+'</textarea>');

            </script>

		</div>

        </td>

    </tr>

</table>

<!-- Links on news END -->

</div>

  • Поддерживаю 1
Ссылка на сообщение
Поделиться на других сайтах
LADYX

LADYX 90

Опубликовано:
Опубликовано:

Critical Error, да, я ставил ид LinksPublication-link-1, LinksPublication-link-2, LinksPublication-link-3

соответственно и $("#LinksPublication-link-1"), $("#LinksPublication-link-2"), $("#LinksPublication-link-3")

Но тем не менее почему-то в открытом окошке html-ссылка и прямая ссылка показываются, а вот вместо bb-ссылки просто пустое место.

Ссылка на сообщение
Поделиться на других сайтах
Critical Error

Critical Error 155

Опубликовано:
Опубликовано: (изменено)

Ну попробуйте с цифрами, как изначально. У меня показывало все три

Изменено пользователем Critical Error
  • Поддерживаю 1
Ссылка на сообщение
Поделиться на других сайтах
LADYX

LADYX 90

Опубликовано:
Опубликовано:

Попробовал оставить просто цифрами - получилось.

Еще раз сделал как ранее - LinksPublication-link-1 и т.д. - и также всё получилось. Видимо, до этого где-то я допустил случайно ошибочку, Critical Error, прошу прощения.

Всё работает, Critical Error, огромнейшее спасибо за помощь, очень признателен. Удачи вам в ваших проектах!)

Да, кстати, Critical Error, на вашем сайте обратил внимание, что при нажатии на кнопку "отправить ссылку на статью другу" ничего не происходит, а только страничку перебрасыват наверх. Видимо ошибочка, обратите внимание.

Ссылка на сообщение
Поделиться на других сайтах
Critical Error

Critical Error 155

Опубликовано:
Опубликовано: (изменено)

Да, кстати, Critical Error, на вашем сайте обратил внимание, что при нажатии на кнопку "отправить ссылку на статью другу" ничего не происходит, а только страничку перебрасыват наверх. Видимо ошибочка, обратите внимание.

Там многие кнопки не работают, я до них еще не добрался просто

Изменено пользователем Critical Error
Ссылка на сообщение
Поделиться на других сайтах
  • 10 месяцев спустя...
azotej

azotej 0

Опубликовано:
Опубликовано:

Люди добрые, столкнулся с такой проблемой насчёт модального окна - хочу сделать, чтобы при нажатии на текст, отображалось модальное окно, а в нём форма для обратной связи... исходники окна есть, обратной связи тоже есть... но когда всё это пытаюсь собрать вместе, то при нажатии на текст открывается маленькое модальное окно и приходится прокручивать обратную связь (окно не меньшего размера, чем сама форма)... никак не могу найти как изменить этот размер окна... сайт пока что в режиме оффлайна, так что посмотреть на него не представляется возможным, но, если кто-то заинтересовался в моей проблеме и смог бы помочь составить нормальные модальные окна(их надо 2 с разной формой внутри), то могу могу дать доступ,но преждевременно договорившись через ПС.. Я надеюсь, что моя проблема ясна и найдутся люди, которые смогут мне помочь

Ссылка на сообщение
Поделиться на других сайтах
WWW.ZEOS.IN

WWW.ZEOS.IN 1 161

Опубликовано:
Опубликовано:

azotej,

Если ваша тема начинается с вопроса и вам нужна какая либо помощь, то в самой теме в обязательном порядке вы должны указывать ссылку на ваш сайт. Если ваш сайт находится в локальной сети и вы не можете предоставить ссылку, или вы не хотите публиковать открытой ссылки на ваш сайт, то отправляйте персональное сообщение с вопросом в службу поддержки непосредственно с сайта http://dle-news.ru/, вам ответят на ваш вопрос в персональном порядке, в случае если пользуетесь платной версией скрипта и обладаете лицензией на скрипт. Если вы пользуетесь демоверсией, то вам необходимо разместить сайт в сети интернет, и только потом обращаться за помощью. По находящимся на локальных компьютерах демоверсиям никакой помощи и поддержки на форуме не оказывается. Если вы не указали сайт, то ваша тема будет закрыта, а аккаунт на форуме заблокирован.
Ссылка на сообщение
Поделиться на других сайтах
azotej

azotej 0

Опубликовано:
Опубликовано:

В принципе, я ожидал такой поворот событий :) сайт - http://www.vipfm.lv Но, сейчас он находится в режиме оффлайн и сомневаюсь, что можно его просмотреть в полном масштабе... Я уже говорил, что могу дать доступ для него, но в персональном сообщении

Ссылка на сообщение
Поделиться на других сайтах
WWW.ZEOS.IN

WWW.ZEOS.IN 1 161

Опубликовано:
Опубликовано:

В принципе, я ожидал такой поворот событий :) сайт - http://www.vipfm.lv Но, сейчас он находится в режиме оффлайн и сомневаюсь, что можно его просмотреть в полном масштабе... Я уже говорил, что могу дать доступ для него, но в персональном сообщении

NULL

Обязательно прочитайте разъясняющую тему http://forum.dle-news.ru/index.php?showannouncement=1&f=46

Ссылка на сообщение
Поделиться на других сайтах
Гость
Эта тема закрыта для публикации сообщений.
 Рассказать
Подписчики 0
Перейти к списку тем
×
×
  • Создать...