Ребят второй день уже ломаю голову с окном авторизации, жаль что нельзя матерится на форуме... Вообщем цель такова и проста как и везде: В верхнем меню [header-e] располагается кнопка входа при её нажатии должно появляться всплывающее окно с формой авторизации/регистрации, после авторизации кнопка "Войти" должна пропасть а на её место встать аватар того пользователя который авторизовался. По появлению аватара все готово, но почему то всплывающее окно авторизации не работает, хотя готовый код вытащен из скрипта где все работает идиально. Браузер выдает следующую ошибку в консоли PHP: Uncaught TypeError: $(...).Qbox is not a function at vxod_panel ((index):112) at HTMLAnchorElement.onclick (VM17932 :39) vxod_panel @ (index):112 onclick @ VM17932 :39 Скрипт всплывающего окна: Код (Text): <script type="text/javascript"> function reg_panel() { $('body').Qbox({ 'title': '‘орма регистрации', 'width': 410, 'minHeight': 45, 'fadespeed': 300, 'url': '/modules/register.php', 'param': '' }); return false; } function vxod_panel() { $('body').Qbox({ 'title': '‘орма авторизации', 'width': 410, 'minHeight': 45, 'fadespeed': 300, 'url': '/modules/login.php', 'param': '' }); return false; } </script> Содержимое файла /modules/login.php Код (Text): <? session_start(); header( 'Content-type: text/html; charset=utf8' ); define( 'ROOT', 'http://'.$_SERVER['HTTP_HOST'] ); define( 'ROOT_DIR', $_SERVER['DOCUMENT_ROOT'] ); if ( $_SERVER['HTTP_X_REQUESTED_WITH'] != 'XMLHttpRequest' ) exit(); if ( isset( $_SESSION['iduser'] ) ) exit(); include_once ROOT_DIR . '/engine/config.php'; include_once ROOT_DIR . '/engine/capcha.php'; if ( $_COOKIE['email'] != '' ) { $ch = ' checked="checked"'; } else { $ch = ''; } ?> <script type="text/javascript"> $(document).ready(function() { $('.js_titleRemove').remove(); }); $('.box_val').tipTip({defaultPosition:'right'}); function vxod() { $('.preloader').css({display:'block'}); var temp_click = $('#vxod').attr('onclick'); $('#vxod').attr('onclick', ''); $.post('ajax.php?func=login', { email: $('#email').val(), pass: $('#pass').val(), capcha: $('#capcha').val(), savelp: $('#sp:checked').val() }, function(data) { if (data == 1) { box_close(); window.location.href = '/info'; } else { $('.preloader').css({display:'none'}); $('body').Qnotify({text:data, sound:'error'}); $('#vxod').attr('onclick', temp_click); } }); return false; } function restore_pass() { $('body').Qbox({ 'title': 'Восстановления доступа к аккаунту', 'width': 410, 'minHeight': 45, 'fadespeed': 300, 'url': 'modules/restore_pass.php', 'param': '' }); return false; } </script> <div style="padding: 10px"> <table width="250" border="0" cellpadding="4" cellspacing="0" align="center"> <tr> <td><div style="position: relative"><input type="text" id="email" value="<?=$_COOKIE['email']?>" title="Введите email указанный при регистрации" class="box_val" style="width: 300px" /><div class="valtext">email</div></div></td> </tr> <tr> <td><div style="position: relative"><input type="password" id="pass" value="<?=$_COOKIE['pass']?>" title="Введите пароль указанный при регистрации" class="box_val" style="width: 300px" /><div class="valtext">пароль</div></div></td> </tr> <tr> <td><div style="position: relative"><input type="text" id="capcha" title="Введите проверочный код" class="box_val" style="width: 300px; text-transform: uppercase;" /><div class="valtext"><?=$letter?></div></div></td> </tr> </table> <center><input type="checkbox" id="sp" <?=$ch?> style="position: relative; top: 1px;" /> <label style="color:#000000"><b>Запомнить логин и пароль</b></label><br /><span style="font-size: 10px; color: #888888;">Внимание! Запоминание данных сделает ваш аккаунт более уязвимым.<br /> Не применяйте этот параметр, если ваш компьютер доступен посторонним.</span></center> </div> <div id="bot_panel"><div class="preloader"></div><a href="https://login.wmtransfer.com/GateKeeper.aspx?RID=<?=$config_site['wmlogin']?>&lang=ru-RU" id="wmlogin" class="wmlogin" onmouseover="titlehtml.title('', 'Авторизация через login.webmoney', 'wmlogin', 7)"></a><a href="#" onclick="restore_pass();return false;" id="recovery_pass" class="recovery_pass" onmouseover="titlehtml.title('', 'Восстановить пароль', 'recovery_pass', 7)"></a><a href="#" onclick="vxod(); return false;" class="btn_box" id="vxod">Войти</a></div> Содержимое файла qbox.js Код (Javascript): (function(a){a.fn.Qbox=function(d){var b=a.extend({title:"",fadespeed:1E3,width:300,height:0,url:"",param:"",minTop:0,minWidth:"",minHeight:"",data:""},d);a("#q_content").remove();a(this).append('<div id="overlay"></div><div id="q_content"><div id="title_box"></div><div id="close_box"></div><div id="q_box"></div></div>');a("#q_content").css({"border":"1px solid #556F42",position:"fixed",display:"none","z-index":"5","box-shadow":"0 0 5px rgba(0,0,0,0.3)"});a("#q_box").css({overflow:"auto",height:"auto",width:"auto",background:"#ffffff",color:"#3e3e3e"});a("#title_box").css({"border-bottom":"1px solid #556F42","border-top":"1px solid #556F42",color:"#e9e9e9","font-size":"11px","font-weight":"bold",padding:"12px",background:"#556F42","text-shadow":"0 1px 0 rgba(72,93,119,0.7)"});a("#overlay").css({display:"none",position:"fixed",top:"0",left:"0",width:"100%",height:"100%","z-index":"4",background:"#000000",opacity:"0.5",overflow:"hidden"});a("#close_box").css({position:"absolute",right:"15px",top:"15px",width:"11px",height:"11px",cursor:"pointer","text-shadow":"none",backgroundImage:"url(../../theme/images/box_del.gif)","-khtml-opacity":"0.7",opacity:"0.7"});a("#close_box").hover(function(){a(this).css({"-khtml-opacity":"0.9",opacity:"0.9"})},function(){a(this).css({"-khtml-opacity":"0.7",opacity:"0.7"})});""!=b.url&&a.ajax({type:"POST",url:b.url,data:b.param,success:function(b){a("#q_box").html(b)}}); ""!=b.data&&a("#q_box").html(b.data);a("#title_box").html(b.title);d=a(window);var e=document.documentElement;d.scrollTop();var c=a("#q_content");0==b.height?a("#q_box").css("height",c.height()+"px"):a("#q_box").css("height",b.height+"px");a("#q_box").css("width",b.width+"px");""!==b.minHeight&&a("#q_box").css("min-height",b.minHeight+"px").css("height","auto");a("#overlay").css("display","block");a("#overlay").css({height:e.clientHeight});a("#overlay").css({width:d.width()});a("#overlay").css("top", 0);a("#close_box").click(function(){c.fadeOut(b.fadespeed,function(){a("#q_content").remove();a("#q_box").remove();a("#title_box").remove();a("#close_box").remove();a("#box_bg").remove();a("#overlay").remove()});return!1});c.css({left:(a(window).width()-c.outerWidth())/2-8}).css({top:100+'px'});c.fadeIn(b.fadespeed,function(){c.show()})}})(jQuery); function box_close(){$("#q_box").remove();$("#title_box").remove();$("#close_box").remove();$("#box_bg").remove();$("#q_content").remove();$("#overlay").remove()}; Ну и кнопка входа Код (Text): <div class="loginbutton" a href="#" onclick="vxod_panel(); return false;">Вход</a></div>
Убрал Код (Text): <script type="text/javascript"> function reg_panel() { $('body').Qbox({ 'title': '‘орма регистрации', 'width': 410, 'minHeight': 45, 'fadespeed': 300, 'url': '/modules/register.php', 'param': '' }); return false; } function vxod_panel() { $('body').Qbox({ 'title': '‘орма авторизации', 'width': 410, 'minHeight': 45, 'fadespeed': 300, 'url': '/modules/login.php', 'param': '' }); return false; } </script> Теперь консоль браузера выдает следующее: HTML: Uncaught ReferenceError: vxod_panel is not defined at HTMLAnchorElement.onclick ((index):40) onclick @ (index):40 Нажимаю кнопку все также никакой реакции --- Добавлено --- Помог, оказывается у меня не был подключен jquery