Как из click(function() что либо вызывать?

[romoga]

<script>$('#side1').click(function(){			$(document).getElementById('jslink').onclick();		});$('#side2').click(function(){									});						        	$('#side3').click(function(){									});$('#side4').click(function(){									});$('#side5').click(function(){									});$('#side6').click(function(){									});

имеется сей код, который отвечает за нажатие на определенные элементы

1.Правильный ли это код или его можно заменить? (код рабочий)

Имеется модальное окно которое я хочу вызвать...Как мне это сделать?

 

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

<script>$(function() {      $("a[rel]").overlay(function() {      var wrap = this.getContent().find("div.wrap");      if (wrap.is(":empty")) {      wrap.load(this.getTrigger().attr("href"));      }      });      });</script>   

вот код начального html

<a href="external-content.htm" rel="#overlay"> <button type="button">Показать внешний файл в модальном окне!!!</button>      </a>      <div class="overlay" id="overlay">  <div class="wrap"></div>    </div>

Edited January 22, 2014 by romoga

[Zverushka]

Каким скриптом подключено модального окно - fancybox или что-то другое?

[romoga]

добавил скрипт )

[lolka84]

"$('#side1').click(function(){$(document).getElementById('jslink').onclick();});" - если не секрет, какой смысл несет в себе эта функция ?

Да, для модальных окон лучше всего использовать jquery ui

[romoga]

Короче есть страничка не ней вращается трехмерное изображение, у него есть стороны,

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

3 день изучаю java-script...всю голову себе вынес

никак не могу понять аргументы функий и связь их с эелементами id и class

где посмотреть примеры, почитать про свзять

javascript и id и class

 <div class="overlay" id="overlay"></div>  <div class="wrap"></div><p><a id="jslink" href="external-content.htm" rel="#overlay" </a> </p>Правильно ли это напимано или нужно заключить это в div ???<div a id="jslink" href="external-content.htm" rel="#overlay"></div><script>$(function(popupwin) {      $("a[rel]").overlay(function() {      var wrap = this.getContent().find("div.wrap");      if (wrap.is(":empty")) {      wrap.load(this.getTrigger().attr("href"));      }      });      });</script>  <script>// $('#side1').click(function(){		$('#side1').click(function(){$(document).getElementById('jslink').onclick();});

не срабатывает ((

может ему другой скрипт мешает короторый за вращение 3д отвечает? (((

и еще

было так <p><a id="jslink" href="external-content.htm" rel="#overlay" </a> </p>
как правильно????
стало так <div id="jslink" href="external-content.htm" rel="#overlay"> </div>

Мне надо как здесь

http://ruseller.com/lessons.php?rub=32&id=253

но только не по нажатию на кнопку, а нажатию на сторону трехмерного объекта .0_о

Edited January 22, 2014 by romoga

[lolka84]

Аффтарь чото сам с собой болтает, вопросы со стороны делает вид, что не замечает.

з.ы. Вчитался подробнее, что аффтарь пишет - жесть. Какой js, основы html выучи для начала. Начни с этого сайта.

[romoga]

Аффтарь чото сам с собой болтает, вопросы со стороны делает вид, что не замечает.

з.ы. Вчитался подробнее, что аффтарь пишет - жесть. Какой js, основы html выучи для начала. Начни с этого сайта.

всегда есть типы вроде вас которое не по существу...не надо здесь флудить.ок?

[lolka84]

Да не вопрос Флудите в одиночестве.

[rus]

$(document).ready(function(){	$('#id-storona-object').click(function(){			$('.overlay').show(1000);			$('.result').show(1000);	});});

.overlay {	display: none;	position: fixed;	z-index: 999;	opacity: 0.5;	filter: alpha(opacity=50);	top: 0;	right: 0;	left: 0;	bottom: 0;	background: #000;}.result {	display: none;	position: fixed;	border: #e01616;	-webkit-border-radius: 10px;	-moz-border-radius: 10px;	border-radius: 10px;	background: #e01616;	width: 300px;	height: auto;	top: 50%;	left: 50%;	margin: -200px 0 0 -200px;	z-index: 1000;	padding: 30px;}

<div class="overlay"></div><div class="result"></div>

что-то типа того...

[romoga]

СПАСИБО...Дай Вам Бог ВСЕГО ВСЕГО..вы не представляете что сделали.....

СПАСИБО СППСИБО!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

[romoga]

дико извиняюсь а как там разместить полноценную страничку с кнопками и меню....я честно сижу с тремя книгами и п пытаюсь разобраться....

[rus]

полноценную страничку там размещать это конечно не выход, можно через фрейм подсасывать, но лучше не страничку, а просто сам функционал.

стили туда и так будут применяться.

[romoga]

и все таки как совместить вот это

<p><a id="jslink" href="external-content.htm" rel="#overlay" </a> </p>

с этим

$('#side1').click(function());

 

с первым все опнятно он вызывается кнопкой, но у меня нет кнопок у меня грань 3д объекта

по стороне создается клик, и должно справа создаться модальное окно такого же цвета как и фон

а там кнопочки, меню и текст

Ну как же это сделать...щас заплачу (((((

[rus]

т.е., по этой ф-ции (по клику) вам надо запустить другую ф-цию?

$('#side1').click(function() {  $('.class').click(function() {	$('.overlay, .result').hide(1000);  });});

[romoga]

есть скрипт который загружает передаваемую ему параметром внешнюю страницу html

вот он

<script src="jquery.tools.min.js"></script><script>$(function() {	// if the function argument is given to overlay, it is assumed to be the onBeforeLoad event listener	$("a[rel]").overlay(function() {		// grab wrapper element inside content		var wrap = this.getContent().find("div.wrap");		// load only for the first time it is opened		if (wrap.is(":empty")) {			wrap.load(this.getTrigger().attr("href"));		}	});});</script>

к нему идет css

вот он

div.overlay {		/* growing background image */	background-image:url(white.png);		/* dimensions after the growing animation finishes  */	width:600px;	height:470px;				/* initially overlay is hidden */	display:none;		/* some padding to layout nested elements nicely  */	padding:55px;}/* default close button positioned on upper right corner */div.overlay div.close {	background-image:url(close.png);	position:absolute;	right:5px;	top:5px;	cursor:pointer;	height:35px;	width:35px;}

и html код

<a href="external-content.htm" rel="#overlay"> <button type="button">Показать внешний файл в модальном окне!!!</button>      </a>      <div class="overlay" id="overlay">  <div class="wrap"></div>    </div>

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

сам клик срабатывает я побывал,

я вставляю как советовали

 

$('#side1').click(function(){$(document).getElementById('overlay').onclick();

не срабатывает ((((((
и еще подскажите что значит  $("a[rel]") ???

сюда передается ссылка ведь от a href ???

Edited January 22, 2014 by romoga