2012-12-14 53 views
0
$(document).ready(function() { 
      var Href = 'http://www.apple.com'; 
      $("#fancybox-manual-b").click(function() { 
       $.fancybox.open({ 
        href: Href, 
        type: 'iframe', 
        padding: 5 
       }); 
      }); 

     }); 

    <ul> 
     <li><a id="fancybox-manual-b" href="javascript:;">Open Window</a></li> 
    </ul> 

我需要从一个文本框的“HREF”值,当曾经有人把一个网站在文本框中它应该得到的是代替apple.com设置href的值在灯箱动态

+0

文本框在哪里? –

+0

请注意,我可能不会将变量命名为“Href”,我会更关注您的范围。 – Sethen

+0

@ Sethen:如果我能得到一个很好的答案,先生! – Fahad

回答

0

你出你的文本框ID如果你有一些HTML这样的:

<input type="text" id="target"> 

然后你可以使用jQuery的val功能通过获取文本框的值,其id

var href = $('#target').val(); 

,你显然需要做的每有人点击您的fancybox链接时,使您获得最先进的从文本框中日期值:

$(function() { 
    $("#fancybox-manual-b").click(function() { 
     var href = $('#target').val(); 
     $.fancybox.open({ 
      href: href, 
      type: 'iframe', 
      padding: 5 
     }); 
    }); 
}); 

值得一提的是,如果用户将在输入一些文字,不能解决到现有的网址,你会得到一个错误。

0
$(document).ready(function() {    
    $("#fancybox-manual-b").click(function() { 
      $.fancybox.open({ 
       href: $("#yourTextBoxId").val(), // Your textboxId here 
       type: 'iframe', 
       padding: 5 
      }); 
    }); 

}); 

确保在地方的yourTextBoxId