2012-12-14 52 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