는 자바 스크립트와 JQuery와 - JQuery와에 삽입 DOM은

여기 좋아

은 내가 그들의 입력을 확인하기 위해 사용자의 FB 그림을 표시하는 박스가 내 문제이지만, 문제를 가진 메신저 얻는 방법을 알아내는 것을 입력 상자에 사용자 유형 JQuery 함수 안에있는 링크에서 apear. 여기 는 자바 스크립트와 JQuery와 - JQuery와에 삽입 DOM은

은 스크립트에서 해당 링크에 apear 해당 입력 상자에 입력 어떤

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

는 어떻게 얻을 수있는 HTML 양식 스크립트

$("#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' 
     } 
    ); 
    });

입니다 함수가 호출 될 때?

출처

2011-09-04 Thomas Depole

난 당신이 요구하는지 이해한다면, 당신은 입력 필드에서 값을 가져올 것이다 다음 당신이 이런 식으로 원하는 문자열 구축 문자열 추가 사용 (.val

$("#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

$ (이)) 유용했지만 링크에 변수를 포함시키는 방법에 어려움이있었습니다. 어떻게 작동하는지 알지만 단순하게 유지하여 나중에 코드로 돌아 가면 이해하기 쉽습니다. 응답으로 선택한 사용자가 머리에 못을 박았습니다. 고맙습니다! –

는 자바 스크립트와 JQuery와 - JQuery와에 삽입 DOM은

답변

관련 문제