Slyweb
На разработку сайта! Скидки 50%!

Помогите пожалуйста новичку!Ошибка в модальном окне

Вы можете задавать любые вопросы по jQuery.

Помогите пожалуйста новичку!Ошибка в модальном окне

Сообщение lukingnu » 29 ноя 2009, 01:37

По ссылки открывается окно (плагин faceb),в нем должен так эе работать jQuery,например

Код: Выделить всё
<LINK REL="stylesheet" HREF="style.css" TYPE="text/css">
<LINK REL="stylesheet" HREF="style1.css" TYPE="text/css">
<link type="text/css" rel="stylesheet" href="style_gal.css">
 
 <script type="text/javascript" src="js/jquery.js"></script>
<!-- <script type="text/javascript" src="js/tabs.js"></script>-->
 
 
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
 
<script type="text/javascript" src="js/jquery-galleryview-1.0.1/jquery.galleryview-1.0.1-pack.js"></script>
<script type="text/javascript" src="js/jquery-galleryview-1.0.1/jquery.timers-1.1.2.js"></script>
<script type="text/javascript">
 
 
    $(document).ready(function(){
        $('#photos').galleryView({
            panel_width: 370,
            panel_height: 200,
            frame_width: 250,
            frame_height: 100,
            background_color:'#222',
            overlay_color:'#FF0000',
            overlay_opacity:0.5,
            overlay_text_color:'#FFFF00',
            transition_interval: 0
 
        });
    });
</script>


Но высвечивается ошибка "Разрешение отклонено"...Что-то я не понимаю...Где моя ошибка? Или такого в принципе не может быть? Ответьте пожалуйста
lukingnu
 
Сообщения: 7
Зарегистрирован: 29 ноя 2009, 01:31

Re: Помогите пожалуйста новичку!Ошибка в модальном окне

Сообщение admin » 29 ноя 2009, 02:24

Смотря в какое окно, если у Вас galleryView загружается в обычный div или другой элемент, то всё должно работать. facebox наверное не подойдёт там в ссылках, лучше в div.
admin
Администратор
 
Сообщения: 165
Зарегистрирован: 15 авг 2009, 20:02

Re: Помогите пожалуйста новичку!Ошибка в модальном окне

Сообщение lukingnu » 30 ноя 2009, 13:42

Не очень понятно,пподробнее можно?
lukingnu
 
Сообщения: 7
Зарегистрирован: 29 ноя 2009, 01:31

Re: Помогите пожалуйста новичку!Ошибка в модальном окне

Сообщение admin » 30 ноя 2009, 14:12

Трудно выяснить как у вас весь скрипт работает, как окно открывается? Нужен весь код, чтобы сказать что не так. В указанном коде нет ошибок, но его не достаточно.
admin
Администратор
 
Сообщения: 165
Зарегистрирован: 15 авг 2009, 20:02

Re: Помогите пожалуйста новичку!Ошибка в модальном окне

Сообщение lukingnu » 02 дек 2009, 21:20

Вот первый файл,который открывае
Код: Выделить всё
<head>

<link rel="stylesheet" href="style_faceb.css" type="text/css"/>
               <script type="text/javascript" src="js/jquery.js"></script>
                <script type="text/javascript" src="js/facebox.js"></script>

 <script type="text/javascript">
jQuery(document).ready(function($) {
$('a[rel*=facebox]').facebox({
})
})
</script>
  <a href="users.html" rel="facebox">Открыть окно</a> </br>

</body>
</html>


Вот второй файл (users.html)
Код: Выделить всё

<LINK REL="stylesheet" HREF="style.css" TYPE="text/css">
<LINK REL="stylesheet" HREF="style1.css" TYPE="text/css">
<link type="text/css" rel="stylesheet" href="style_gal.css">

<link rel="stylesheet" href="style_faceb.css" type="text/css"/>
               <script type="text/javascript" src="js/jquery.js"></script>
                <script type="text/javascript" src="js/facebox.js"></script>
<!--
<script src="js/jquery.tools.min.js"></script>
     -->

<script type="text/javascript" src="js/jquery.form.js"></script>

<script type="text/javascript" src="js/tabs.js"></script>

<!--<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>-->

<script type="text/javascript" src="js/jquery-galleryview-1.0.1/jquery.galleryview-1.0.1-pack.js"></script>
<script type="text/javascript" src="js/jquery-galleryview-1.0.1/jquery.timers-1.1.2.js"></script>

<!--<script type="text/javascript" src="js/jquery.date_input.js"></script>
<script type="text/javascript">$($.date_input.initialize);</script>
<link rel="stylesheet" href="date_input.css" type="text/css">
    -->


  <script>
jQuery(document).ready(function() {
$('a[rel*=facebox]').facebox({

});
})
</script>


<style>

<style>

a {color:#333; text-decoration:none}
a:hover {color:#ccc; text-decoration:none}

#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}

#boxes .window {
 // position:absolute;
  left:10;
  top:10;
 // width:440px;
  //height:200px;
  display:none;
  z-index:9999;
  padding:20px;
}

#boxes #dialog {
  width:375px;
  height:203px;
  padding:10px;
  background-color:#ffffff;
}

#boxes #dialog1 {
  width:375px;
  height:203px;
}

#dialog1 .d-header {
  background:url(images/login-header.png) no-repeat 0 0 transparent;
  width:375px;
  height:150px;
}

#dialog1 .d-header input {
  position:relative;
  top:60px;
  left:100px;
  border:3px solid #00FF00;
  height:22px;
  width:200px;
  font-size:15px;
  padding:5px;
  margin-top:4px;
}

#dialog1 .d-blank {
  float:left;
  background:url(images/login-blank.png) no-repeat 0 0 transparent;
  width:267px;
  height:53px;
}

#close{
    width:2px;
    height:2px;
    display:inline;
    z-index:32;
    //position:absolute;
    cursor:pointer;
    top:0px;
    right:0px;
}



#dialog1 .d-enter {
  float:left;
  width:108px;
  height:53px;
  background-color:#00FF00;
}

      #validEmail
      {
         margin-top: 4px;
         margin-left: 9px;
         position: absolute;
         height: 16px;
      }

         width: 16px;
      .text
      {
         font-family: Arial, Tahoma, Helvetica;
      }

</style>

<script>

$(document).ready(function() {

   $("#myForm").ajaxForm(function() {
     alert("Спасибо за комментарий!");
        $('#dialog').hide();
      $('#mask').hide();
   });


   //select all the a tag with name equal to modal
   $('a[name=modal]').click(function(e) {
      //Cancel the link behavior
      e.preventDefault();
      //Get the A tag
      var id = $(this).attr('href');

      //Get the screen height and width
      var maskHeight = $(document).height();
      var maskWidth = $(window).width();

      //Set heigth and width to mask to fill up the whole screen
      $('#mask').css({'width':maskWidth,'height':maskHeight});

      //transition effect
   //   $('#mask').fadeIn(1000);
   //   $('#mask').fadeTo("slow",0.8);

      //Get the window height and width
      var winH = $(window).height();
      var winW = $(window).width();

      //Set the popup window to center
      $(id).css('top',  winH/2-$(id).height()/2);
      $(id).css('left', winW/2-$(id).width()/2);
     //   alert(winH/2)
       // alert(winW/2-$(id).width()/2);

      //    $(id).css('top', 319);
   //   $(id).css('left', 429);

      $('#close').css('top',9);

      //transition effect
      $(id).fadeIn(2000);
      $(id).fadeTo("slow",0.8);
         $('Photo').fadeTo("slow",1);

   });

   //if close button is clicked
   $('.window .close').click(function (e) {
      //Cancel the link behavior
      e.preventDefault();
      $('#mask, .window').hide();
   });

   //if mask is clicked
   $('#mask').click(function () {
      $(this).hide();
      $('.window').hide();
   });

});
   $(document).ready(function() {

      $("#validate").keyup(function(){

         var email = $("#validate").val();

         if(email != 0)
         {
            if(isValidEmailAddress(email))
            {
               $("#validEmail").css({
                  "background-image": "url('Image/validYes.png')"
               });
            } else {
               $("#validEmail").css({
                  "background-image": "url('Image/validNo.png')"
               });
            }
         } else {
            $("#validEmail").css({
               "background-image": "none"
            });
         }

      });

   });

   function isValidEmailAddress(emailAddress) {
       var pattern = new RegExp(/^(("[\w-\s]+")|([\w-]+(?:\.[\w-]+)*)|("[\w-\s]+")([\w-]+(?:\.[\w-]+)*))(@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9]{1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\]?$)/i);
       return pattern.test(emailAddress);
   }


</script>
<script type="text/javascript">


    $(document).ready(function(){
        $('#photos').galleryView({
            panel_width: 370,
            panel_height: 200,
            frame_width: 250,
            frame_height: 100,
            background_color:'#222',
            overlay_color:'#FF0000',
            overlay_opacity:0.5,
            overlay_text_color:'#FFFF00',
            transition_interval: 0

        });
    });
</script>
<div> <div id="gallery_wrap" align='center'><div id="photos" class="galleryview">
<div class='panel' background-color='#FF0000' width=400>
                  <img src='Image/Foto/20091101145248.jpg' align='center' width=330>
                  <div class='panel-overlay'>
                  <h2>Я&nbspв&nbspкофте</h2>
                  </div></div>  <div class='panel' background-color='#FF0000' width=400>
                  <img src='Image/Foto/20091101145354.jpg' align='center' width=330>
                  <div class='panel-overlay'>
                  <h2>Просто&nbspя</h2>
                  </div></div>  <div class='panel' background-color='#FF0000' width=400>
                  <img src='Image/Foto/20091101151313.jpg' align='center' width=330>
                  <div class='panel-overlay'>
                  <h2>С&nbspмасленницей</h2>
                  </div></div>  <div class='panel' background-color='#FF0000' width=400>
                  <img src='Image/Foto/20091110133412.JPG' align='center' width=330>
                  <div class='panel-overlay'>
                  <h2>С&nbspдедом</h2>
                  </div></div>  <div class='panel' background-color='#FF0000' width=400>
                  <img src='Image/Foto/20091113173950.JPG' align='center' width=330>
                  <div class='panel-overlay'>
                  <h2>Новый&nbspгод</h2>
                  </div></div>  <div class='panel' background-color='#FF0000' width=400>
                  <img src='Image/Foto/20091120133639.JPG' align='center' width=330>
                  <div class='panel-overlay'>
                  <h2>Маска</h2>
                  </div></div>    <ul class='filmstrip'><li><img src=Image/Foto/20091101145248.jpg width=100 alt=Я&nbspв&nbspкофте title=Я&nbspв&nbspкофте></li><li><img src=Image/Foto/20091101145354.jpg width=100 alt=Просто&nbspя title=Просто&nbspя></li><li><img src=Image/Foto/20091101151313.jpg width=100 alt=С&nbspмасленницей title=С&nbspмасленницей></li><li><img src=Image/Foto/20091110133412.JPG width=100 alt=С&nbspдедом title=С&nbspдедом></li><li><img src=Image/Foto/20091113173950.JPG width=100 alt=Новый&nbspгод title=Новый&nbspгод></li><li><img src=Image/Foto/20091120133639.JPG width=100 alt=Маска title=Маска></li></ul></div></div></div>
         


Сама по себе второй файл работает,но при открытии его в модальном окне выскакивает ошибка "разрешение отклонено".... Не могу понять в чем ошибка
lukingnu
 
Сообщения: 7
Зарегистрирован: 29 ноя 2009, 01:31

Re: Помогите пожалуйста новичку!Ошибка в модальном окне

Сообщение admin » 03 дек 2009, 01:04

Вы не совсем осознаёте, что делаете. Не возможно с помощью facebox загрузить и выполнить кучу js c другой страницы, это Вам не php.
Единственный вариант это создать окно iframe и в него загрузить другую страницу.
Код упрощен, но как пример для Вас:
Код: Выделить всё
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>
<head>

<meta http-equiv="content-type" content="text/html; charset=utf-8" />
 <script type="text/javascript" src="jquery-1.3.2.min.js"></script>
  </head>
    <a href="#" rel="facebox">Открыть окно</a> </br>
      <script>
    jQuery(document).ready(function() {
    $('a[rel*=facebox]').click(function(){
            var iframe = document.createElement("iframe");
            iframe.src = "test.php";
            iframe.width = "400";
            iframe.height = "370";
            iframe.style.border = "none";
            $("#myfacebox").append(iframe);


    });    });
    </script>
 
<div id="myfacebox" ></div>

    </body>
    </html>



Второй файл

Код: Выделить всё


<html>
<head>

<meta http-equiv="content-type" content="text/html; charset=utf-8" />

    <link type="text/css" rel="stylesheet" href="style.css">

    <link rel="stylesheet" href="facebox.css" type="text/css"/>
    <style>

    a {color:#333; text-decoration:none}
    a:hover {color:#ccc; text-decoration:none}

    #mask {
      position:absolute;
      left:0;
      top:0;
      z-index:9000;
      background-color:#000;
      display:none;
    }

    #boxes .window {
    // position:absolute;
      left:10;
      top:10;
    // width:440px;
      //height:200px;
      display:none;
      z-index:9999;
      padding:20px;
    }

    #boxes #dialog {
      width:375px;
      height:203px;
      padding:10px;
      background-color:#ffffff;
    }

    #boxes #dialog1 {
      width:375px;
      height:203px;
    }

    #dialog1 .d-header {
      background:url(images/login-header.png) no-repeat 0 0 transparent;
      width:375px;
      height:150px;
    }

    #dialog1 .d-header input {
      position:relative;
      top:60px;
      left:100px;
      border:3px solid #00FF00;
      height:22px;
      width:200px;
      font-size:15px;
      padding:5px;
      margin-top:4px;
    }

    #dialog1 .d-blank {
      float:left;
      background:url(images/login-blank.png) no-repeat 0 0 transparent;
      width:267px;
      height:53px;
    }

    #close{
        width:2px;
        height:2px;
        display:inline;
        z-index:32;
        //position:absolute;
        cursor:pointer;
        top:0px;
        right:0px;
    }



    #dialog1 .d-enter {
      float:left;
      width:108px;
      height:53px;
      background-color:#00FF00;
    }

          #validEmail
          {
             margin-top: 4px;
             margin-left: 9px;
             position: absolute;
             height: 16px;
          }

             width: 16px;
          .text
          {
             font-family: Arial, Tahoma, Helvetica;
          }

    </style>
</head>
    <script type="text/javascript" src="jquery-1.3.2.min.js"></script>
    <script type="text/javascript" src="jquery.form.js"></script>
    <script type="text/javascript" src="ui.core.js"></script>
    <script type="text/javascript" src="tabs.js"></script>

    <!--<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>-->

    <script type="text/javascript" src="jquery.galleryview-1.0.1-pack.js"></script>
    <script type="text/javascript" src="jquery.timers-1.1.2.js"></script>

    <!--<script type="text/javascript" src="js/jquery.date_input.js"></script>
    <script type="text/javascript">$($.date_input.initialize);</script>
    <link rel="stylesheet" href="date_input.css" type="text/css">
        -->


    <script>

        $(document).ready(function(){
            $('#photos').galleryView({
                panel_width: 370,
                panel_height: 200,
                frame_width: 250,
                frame_height: 100,
                background_color:'#222',
                overlay_color:'#FF0000',
                overlay_opacity:0.5,
                overlay_text_color:'#FFFF00',
                transition_interval: 0

            });
        });

</script>


    <div> <div id="gallery_wrap" align='center'><div id="photos" class="galleryview">
    <div class='panel' background-color='#FF0000' width=400>
                      <img src='Image/Foto/20091101145248.jpg' align='center' width=330>
                      <div class='panel-overlay'>
                      <h2>Я&nbspв&nbspкофте</h2>
                      </div></div>  <div class='panel' background-color='#FF0000' width=400>
                      <img src='Image/Foto/20091101145354.jpg' align='center' width=330>
                      <div class='panel-overlay'>
                      <h2>Просто&nbspя</h2>
                      </div></div>  <div class='panel' background-color='#FF0000' width=400>
                      <img src='Image/Foto/20091101151313.jpg' align='center' width=330>
                      <div class='panel-overlay'>
                      <h2>С&nbspмасленницей</h2>
                      </div></div>  <div class='panel' background-color='#FF0000' width=400>
                      <img src='Image/Foto/20091110133412.JPG' align='center' width=330>
                      <div class='panel-overlay'>
                      <h2>С&nbspдедом</h2>
                      </div></div>  <div class='panel' background-color='#FF0000' width=400>
                      <img src='Image/Foto/20091113173950.JPG' align='center' width=330>
                      <div class='panel-overlay'>
                      <h2>Новый&nbspгод</h2>
                      </div></div>  <div class='panel' background-color='#FF0000' width=400>
                      <img src='Image/Foto/20091120133639.JPG' align='center' width=330>
                      <div class='panel-overlay'>
                      <h2>Маска</h2>
                      </div></div>    <ul class='filmstrip'><li><img src=Image/Foto/20091101145248.jpg width=100 alt=Я&nbspв&nbspкофте title=Я&nbspв&nbspкофте></li><li><img src=Image/Foto/20091101145354.jpg width=100 alt=Просто&nbspя title=Просто&nbspя></li><li><img src=Image/Foto/20091101151313.jpg width=100 alt=С&nbspмасленницей title=С&nbspмасленницей></li><li><img src=Image/Foto/20091110133412.JPG width=100 alt=С&nbspдедом title=С&nbspдедом></li><li><img src=Image/Foto/20091113173950.JPG width=100 alt=Новый&nbspгод title=Новый&nbspгод></li><li><img src=Image/Foto/20091120133639.JPG width=100 alt=Маска title=Маска></li></ul></div></div></div>


Пользователь не поймёт что у Вас iframe.
admin
Администратор
 
Сообщения: 165
Зарегистрирован: 15 авг 2009, 20:02

Re: Помогите пожалуйста новичку!Ошибка в модальном окне

Сообщение lukingnu » 03 дек 2009, 20:55

Так,хорошо,но дело в том,что на странице много таких ссылок,и они будут отличаться либо параметрами,либо адресом...Я уже пыталась подобным образом сделать,но открывалось одно и то же
lukingnu
 
Сообщения: 7
Зарегистрирован: 29 ноя 2009, 01:31

Re: Помогите пожалуйста новичку!Ошибка в модальном окне

Сообщение admin » 04 дек 2009, 11:12

У меня на некоторых страницах по 10 iframov, все отличаются параметрами и ничего работают.
admin
Администратор
 
Сообщения: 165
Зарегистрирован: 15 авг 2009, 20:02

Re: Помогите пожалуйста новичку!Ошибка в модальном окне

Сообщение lukingnu » 05 дек 2009, 23:27

Еще бы была бы вам очень благодарна,если бы вы сказали как его закрыть?затмение нашло
lukingnu
 
Сообщения: 7
Зарегистрирован: 29 ноя 2009, 01:31

Re: Помогите пожалуйста новичку!Ошибка в модальном окне

Сообщение Местный » 30 дек 2009, 18:17

Код: Выделить всё
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

    <html>
    <head>

    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <script type="text/javascript" src="jquery-1.3.2.min.js"></script>
      </head>
        <a href="#" rel="facebox">Открыть окно</a> </br>
        <a href="#" rel="facebox1">Закрыть окно</a> </br>
          <script>
        jQuery(document).ready(function() {
        $('a[rel*=facebox]').click(function(){
                var iframe = document.createElement("iframe");
                iframe.src = "test.php";
                iframe.width = "400";
                iframe.height = "370";
                iframe.style.border = "none";
                $("#myfacebox").append(iframe);


        }); 
$('a[rel*=facebox1]').click(function(){

$("iframe").remove();
  });
  });
        </script>

    <div id="myfacebox" ></div>

        </body>
        </html>

Последний раз поднималось Anonymous 30 дек 2009, 18:17.
Местный
 


Вернуться в Вопросы по jQuery

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 2

cron