#myModal 팝업에 데이터 입력 Twitter Bootstrap

Question

매우 간단하지만 해결책을 찾지 못했습니다.

이 트위터 부트 스트랩 팝업 링크에는 어떻게 PHP var을 넣을 수 있습니까?

<a href="#myModal" title="Lees meer" value="12345" data-toggle="modal">Read More</a>

그리고 내가 어떻게 얻을 팝업 필드에이 링크의 가치를 인쇄 할 수 있습니까? 짧은 태그를 사용할 경우

Answer 1

: 다른

<a 
    href="#myModal" 
    title="Lees meer" 
    value="12345" 
    data-toggle="modal" 
    data-phpvar="<?=$myVariable?>" 
> 
    Read More 
</a> 

:

<a 
    href="#myModal" 
    title="Lees meer" 
    value="12345" 
    data-toggle="modal" 
    data-phpvar="<?php echo $myVariable; ?>" 
> 
    Read More 
</a> 

읽기 쉽도록 두 들여 쓰기가 - 실제 HTML에서이 작업을 수행하지 않습니다, 그것은 더러워 보인다.

그리고 jQuery를에 들어 가지 - data- 시작 .data("variable") 자동으로 얻을 수 속성 :

$("a[href=#myModal]").click(function() { 
    alert($(this).attr("data-phpvar")); 
}); 

및 모달의 출력 :

$("a[href=#myModal]").click(function() { 
    alert($(this).data("phpvar")); 
}); 

또는이 .attr 상당하는 :

$("a[href=#myModal]").click(function() { 
    var phpVariable = $(this).attr("data-phpvar"); 
    var modalObject = $($(this).attr("href")); 
    modalObject.find(".modal-body").text(phpVariable); //You might also use .html() 
}); 

개

JSFiddle demo of the code working

Answer 2

덕분에 많은 h2ooooooo

나는 짧은 태그를 활성화하고 난 링크 엉덩이 추적 만들 것이다 : 나는 데이터 phpvar의 값을 보내

<a href="#myModal" 
    title="Bewerken" 
    role="button" 
    data-toggle="modal" 
    data-phpvar="<?php echo $value['i_id_pk'] . '||' . $value['c_user'] . '||'. $value['i_user_type_id_fk'];?>"> 
    <i class="icon-edit"></i> 
</a> 

을 #myModal Popup에 JQuery 사용. OnClick 이벤트를 사용하여 href data-phpvar에서 값을 가져옵니다. 이처럼 :

<script> 
    $("a[href=#myModal]").click(function() { 
     var str = $(this).attr("data-phpvar"); 
     var substr = str.split('||'); 

     $("[name=user_id]").val(substr[0]); 
     $("[name=c_chance_user_name]").val(substr[1]); 
     $("[name=validation_c_user]").val(substr[1]); 
     $("[name=c_chance_user_type]").val(substr[2]); 

     $("span.userName").text(substr[1]); 
    }); 
</script> 

그것은 내가 JQuery와의이 조각은 짧거나 더 나은 방법으로 확인 할 수있는 작동하지만 것인가?

결국 나는 팝업 내부의 텍스트 필드에 href data-phpvar의 값을 넣었습니다. 텍스트 필드는 JQuery 이름과 같은 이름이어야합니다.

$ ("[name = user_id]") .val (substr [0]); 또는 $ ("[name = c_chance_user_name]").val (substr 1);

팝업의 HTML 텍스트 필드는 다음과 같이이다 : 나는 내가 mesaage 오순절 얻을 경우

<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
     <div class="modal-header"> 
      <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> 
      <h3 id="myModalLabel">Wijzig gebruiker "<span class="userName"></span>"</h3> 
     </div> 
     <div class="modal-body"> 
      <input class="span3" id="appendedPrependedInput" type="text" name="c_chance_user_name" value="" minlength="3" required /> 
      <input class="span3" type="text" data-validation-match-match="c_chance_user_name" name="validation_c_user" minlength="3" required /> 
     </div> 
     <div class="modal-footer"> 
      <button class="btn" data-dismiss="modal" aria-hidden="true">Sluiten</button> 
      <button class="btn btn-success" name="chanceBtn"><li class="icon-ok-circle icon-white"></li> Opslaan</button> 
     </div> 
    </div> 

당신은 www.twitter.github.com/