Отправка ID с JavaScript

Question

На моей странице у меня есть по этой ссылке:

<\a onclick="#" class="compose"></a> 

При нажатии на ссылку, этот скрипт активируется:

$(function(){ 
    $('.compose').click(function() { // Button which will activate our modal 
     $('#popup_bestanden_edit_name').reveal({ // The item which will be opened with reveal 
      animation: 'fade', // fade, fadeAndPop, none 
      animationspeed: 600,    // how fast animtions are 
      closeonbackgroundclick: true, // if you click background will modal close? 
      dismissmodalclass: 'close' // the class of a button or element that will close an open modal 
     }); 
     return false; 
    }); 
}); 

Скрипт выше сделает этот DIV видимую Wich это всплывающее окно:

<div id="popup_bestanden_edit_name"> 
<div id="popupheading"> 
    Naam wijzigen 
</div> 

<div id="popupcontent"> 
    <p><form action="" method="post" name="naamwijzigen"><input name="naam" type="text"></form></p> 

    <a href="#" class="popupbutton green close"><img src="<?php echo $domein.'/images/confirm_popup/tick.png'; ?>">Ja, wijzigen</a> 

    <a href="#" class="popupbutton red close"><img src="<?php echo $domein.'/images/confirm_popup/cross.png'; ?>">Nee, annuleren</a> 
</div> 

Всплывающее окно открывает людям возможность редактировать имя документа на веб-сайте. Итак, когда щелкнули ссылку <\a onclick="#" class="compose"></a>, она должна отправить идентификатор ($fetch_row['id']) во всплывающее окно, поэтому я могу использовать его в последующих сценариях.

Кто-нибудь знает, как это сделать?

Answer 1

jQuery показывает плагин имеет множество функций обратного вызова, в которых opened функция обратного вызова, которая запускает «после» модального открытия. См документы на foundation.zurb.com

echo "<a onclick='#' class='compose' id='".$fetch_row['id']."'></a>"; 

$(function(){ 
    $('.compose').click(function() { 

     var id = $(this).attr('id'); //getting id from clicked anchor tag 

     $('#popup_bestanden_edit_name').reveal({ 
      animation: 'fade', 
      animationspeed: 600,    
      closeonbackgroundclick: true, 
      dismissmodalclass: 'close',//missing comma (,) added 

      opened: function(id) { 
       $("#popup_bestanden_edit_name").append("<input type='hidden' name='myid' id='myid' value='"+id+"'>"); 
      } 

     }); 
     return false; 
    }); 
}); 

Ваш идентификатор будет установлен в myid элемент во всплывающем окне получить это здесь.

Answer 2

Добавить идентификатор в свой тег как этот

<a onclick="#" class="compose" data-id="<?php echo $fetch_row['id']?>"></a> 

Затем извлечь идентификатор и отправить его в всплывающее окно с Jquery:

id = $(this).attr("data-id"); 

Теперь используйте этот идентификатор, куда вы хотите.

Answer 3

добавить идентификатор в теге привязки только

т.е.

<a id = '2' class='compose' ></a> 

, то вы можете получить его, как JQuery атр («идентификатор„) (“сочинять.»).

Answer 4

сейчас все работает, у меня есть еще один вопрос. Это код, который я использую сейчас:

echo "<a onclick='#' class='compose' id='".$fetch_row['id']."'></a>"; 

$(function(){ 
$('.compose').click(function() { 

    var id = $(this).attr('id'); //getting id from clicked anchor tag 

    $('#popup_bestanden_edit_name').reveal({ 
     animation: 'fade', 
     animationspeed: 600,    
     closeonbackgroundclick: true, 
     dismissmodalclass: 'close',//missing comma (,) added 

     opened: function(id) { 
      $("#popup_bestanden_edit_name").append("<input type='hidden' name='myid' id='myid' value='"+id+"'>"); 
     } 

    }); 
    return false; 
}); 
}); 

Но когда нажата ссылка в то время как люди находятся на нижней части страницы, всплывающее окно откроется в верхней части страницы. Но людям нужно прокрутить страницу назад, чтобы увидеть это.

Как я могу автоматически отправить пользователя назад, где отображается всплывающее окно?