Показать сообщение отдельно
  #1 (permalink)  
Старый 04.04.2010, 18:07
Новичок на форуме
Отправить личное сообщение для -Dima- Посмотреть профиль Найти все сообщения от -Dima-
 
Регистрация: 04.04.2010
Сообщений: 7

Помогите с модальным окном!!
Здравствуйте! Помогите пожалуйста прикрутить модальное окно.
Есть скрипт рейтинга к статье, необходимо, чтоб при нажатии на оценку появлялось окно с опросом, к примеру: ваш пол:м/ж ;ваш возраст:-18/18-25/25-40/40-60..и только после нажатия кнопки сабмит все значения(в том числе и значение оценки) передавались в базу мускля. ПХП знаю, с этим нет проблем, а вот ява...)) Подскажите в какое место нужно подставить скрипт окна, в скрипт рейтинга??
Вот содержимое скрипта рейтинга:
var ElementRating=new Class({
initialize:function(e,d){this.element=$(e);
this.url=d;
var b=this,a=this.element.getElements("div.stars");
a.each(function(c,f){c.addEvent("click",function(){b.vote(a.length-f)});
c.addEvent("mouseenter",function(){c.addClass("hover")});
c.addEvent("mouseleave",function(){c.removeClass("hover")})})},
vote:function(e){var d=this;
(new Ajax(this.url,{method:"post",data:"method=vote&args[0]="+e,onComplete:function(b){var a=b.split(",");
b=a[0];a=a[1];b>0&&d.element.getElement("div.previous-rating").setStyle("width",b+"%");
d.element.getElement("div.vote-message").setHTML(a)}})).request()}});
ElementRating.implement(new Options);


А вот скрипт модального окна в инете нашел как в фейсбуке:

window.addEvent('domready',function() {
			/* hide using opacity on page load */
			$('fb-modal').setStyles({
				opacity:0,
				display:'block'
			});
			/* hiders */
			$('fb-close').addEvent('click',function(e) { $('fb-modal').fade('out'); });
			window.addEvent('keypress',function(e) { if(e.key == 'esc') { $('fb-modal').fade('out'); } });
			$(document.body).addEvent('click',function(e) { 
				if($('fb-modal').get('opacity') == 1 && !e.target.getParent('.generic_dialog')) { 
					$('fb-modal').fade('out'); 
				} 
			});
			/* click to show */
			$('fb-trigger').addEvent('click',function() {
				$('fb-modal').fade('in');
			});
		});


а вот так вызывается рейтинг в пхп:
<script type="text/javascript">
	// <!--
	var vt = new ElementRating('rating-<?php echo $instance; ?>', '<?php echo JRoute::_($link, false); ?>');
	// -->
	</script>

Помогите,пожалуйста, очень нужно, проект останавливается!!!
Если у кого есть готовое решение,буду очень признателен
Заранее спасибо!
Ответить с цитированием