Javascript和JQuery - 插入DOM到JQuery

好的，這裏是我的問題我有一個框顯示用戶的FB Pic來確認他們的輸入，但即時通訊有一個問題搞清楚如何讓用戶在輸入框中鍵入在JQuery函數內部的鏈接中使用apear。Javascript和JQuery - 插入DOM到JQuery

這裏是腳本

$("#fb").blur(function(){ 
    $.fancybox(
    '<img src="http://graph.facebook.com/ *user's input here* /picture?type=large"/> <br> is that you? ', 
     { 
     'autoDimensions' : true, 
     'transitionIn' : 'none', 
     'transitionOut' : 'true' 
     } 
    ); 
    });

這裏是HTML表單

<input type="text" id="fb" size="10" name="fb" value="" />

我怎樣才能無論是在輸入框中輸入在腳本鏈接到apear何時調用函數？

來源

2011-09-04 Thomas Depole

如果我理解你的要求，你會從輸入字段獲取值，然後只用字符串除了打造你想要像這樣的字符串：

$("#fb").blur(function(){ 
    var text = this.value; 
    $.fancybox(
    '<img src="http://graph.facebook.com/' + text + '/picture?type=large"/> <br> is that you? ', 
     { 
     'autoDimensions' : true, 
     'transitionIn' : 'none', 
     'transitionOut' : 'true' 
     } 
    ); 
    });

來源

2011-09-04 05:15:37 jfriend00

完美！這正是我所期待的。我一直在用PHP編寫很多程序，但在javascript變量上遇到了一些困難。如果用戶在表單字段中輸入Facebook的唯一ID，並且有一個小小的彈出框出現在他們的個人資料圖片上以確認他們的ID，那麼您對它的註冊表格感到好奇。謝謝！ –

您應該能夠使用$(this).val()：

$("#fb").blur(function() { 
    var t = $(this).val(); 
    var img = '<img src="http://graph.facebook.com/' 
      + encodeURIComponent(t) 
      + '/picture?type=large"/>'; 
    $.fancybox(img + '<br/>is that you?', { 
     //... 
    }); 
});

假設你的文字輸入是當然的<input id="fb" type="text">，然後this將模糊處理程序中的文本輸入。

來源

2011-09-04 05:15:21

$（本）.VAL（）是有用的，但我很難如何將該變量包含在鏈接中。我看到它是如何工作的，但我想保持簡單，以便稍後再回到代碼時更容易理解。我選擇的用戶作爲答案擊中了頭部。謝謝！ –

Javascript和JQuery - 插入DOM到JQuery

回答

相關問題