Доброго времени суток!
Проблема такова: при подключении скрипта, открывается окно, а при нажатии на кнопку в этом скрипте(скрыть) - закрывается, как сделать так, чтобы при загрузке страницы, окно не открывалось само, а только при нажатии на кнопку "Вызвать Советника"?
Вот код:
CODE ( html):
скопировать код в буфер обмена
<script type="text/javascript"> var ServerTime = new Date(); ServerTime.setFullYear(2010, 10-1, 17); ServerTime.setHours(12, 10, 33, 0); </script> </head> <div style="visibility: hidden; position: absolute; overflow: hidden; padding: 0px; width: 0px; left: 0px; top: 0px;" id="WzTtDiV"></div> <table class="tn"> <tbody><tr> <td style="white-space: nowrap; width: 56px;"> <div style="text-align: center; border: 1px solid black; border-radius:5x; font-weight: bold; cursor: pointer;" onClick="$('#tutorialPopup').fadeIn(function(){$('#tutorialMiddle').slideDown(function(){$('#tutorialCurStep').slideDown();});})">Вызвать Советника</div></td></tr> </tbody></table> <div id="tutorialPopup" style="position: absolute; top: 44px; left: 200px; width: 560px; overflow: hidden; z-index: 1000;"> <div style="width: 560px; height: 80px; cursor: move; text-align: center;" title="Drag to move tutorial window"> <img id="tutorialText" style="margin: 17px auto auto;" src="plugins/tut/tutorial.png"> </div> <div id="tutorialMiddle" style="width: 560px;"> <div style="padding-left: 40px; padding-right: 40px; font-size: 9pt;"><!-- Current Page Descriptions --> <fieldset><legend><?=$tit;?></legend> <?=$body;?> </fieldset> <table style="width: 100%;"> <tbody><tr> <td style="text-align: left;"><a href="main.php?tutend=1"><input type="submit" value="Уволить Советника" /></a></td> <td style="text-align: center;"><a href="main.php?tutnxt=1"><input type="submit" value="Следующий совет" /></a></td> <td style="text-align: right;"> <input style="margin-left: auto; margin-right: 0px;" class="buttonsmall" value="Скрыть" onClick="$('#tutorialMiddle').slideUp(function(){$('#tutorialPopup').fadeOut();})" type="submit"> </td> </tr> </tbody></table> </div> </div> <div style="width: 560px; height: 80px;"></div> </div> <script type="text/javascript"> $("#tutorialPopup").draggable(); </script> <style type="text/css"> .ui-dialog {background-color:white;word-wrap:break-word;} .ui-dialog-titlebar {} .ui-dialog-title {font-size:8pt} .ui-dialog td {font-size:8pt} .ui-button-text {font-size:8pt} .ui-dialog-buttonpane .ui-button-text-only {margin:3px !important;padding:3px !important;} </style>
(Отредактировано автором: 27 Октября, 2012 - 21:23:51)
|