[JavaScript][AJAX] jQuery dodanie/przekazanie zmiennej Opcje

[XP'ek]

Witam serdecznie tworzę szablon w oparciu o http://twitter.github.com/bootstrap/javascript.html#modals
i mam następujący link który wywołuje modala i potrzebuję dodać do tego jeszcze "data-page" które będzie odpowiadać za przesłanie wartości dla inputa #itemDel w jaki sposób mogę to zrobić. chodzi o to że linków może być kilkadziesiąt a okno modala tylko jedno więc proszę nie piszcie mi o powielaniu div id="myModal" (IMG:style_emoticons/default/wink.gif)

Kod

<a href="#myModal" data-page="{$page.id}" role="button" data-toggle="modal" title="Usuń"><img src="{$base_url}public/img/icon/coquette-icons-set/24x24/delete_page.png" alt="" /></a>

Kod

<!-- Modal -->
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-body">
        <div class="alert alert-block alert-error fade in">
            <h4 class="alert-heading">Próbujesz usunąć podstronę!</h4>
            <p>Pamiętaj po wykonaniu tej operacji, przywrócenie skasowanej podstrony nie będzie możliwe.</p>
        </div>

  </div>
  <div class="modal-footer">
    <form action="{$base_url}pages/del.html" method="post">
        <input type="hidden" id="itemDel" name="item[id]" value=""/>
          <button class="btn btn-danger" name="item[del_yes]">Usuń</button>
          <button class="btn" data-dismiss="modal" aria-hidden="true">Anuluj</button>
    </form>
  </div>
</div>

Ten post edytował XP'ek 16.01.2013, 00:03:27

[expert]

Kod

$('a').click(function(){
     $('#itemDel').val($(this).attr('data-page')); //#id ukrytego input, val() czyli wpisz wartość.
});

Przy założeniu, że całe 'Modal' jest na stronie. W sensie moze być ukryte jako display: none, chodzi o to, żeby inupt hidden był na stronie i żeby był do niego dostęp.