Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript][AJAX] jQuery dodanie/przekazanie zmiennej
Forum PHP.pl > Forum > Przedszkole
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" 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>
expert
Powiem szczerze, że przeczytałem temat kilka razy i nie bardzo biegam o co chodzi...

Pytania:
1. To samo okno (modal), id="myModal" chcesz podpiąc do każdego z linków, z tym, że pewnie chcesz mieniać parametr name w formularzy tego okna.
2. Jak generujesz okna i linki? Dynamicznie (js) czy statycznie (php)?
XP'ek
A więc tak:

1. zgadza się chce pozostawić jedno okno modal do którego będę przekazywać zmienną z Page.id, którą chcę usunąć.
2.linki generowane są za pomocą pobrania rekordów z bazy następnie przekazanie tablicy do smarty i ona tam je obrabia, i tutaj chodzi by dodała też parametr dla linka z wartością page.id, który następnie zostanie przekazany do modal i ten zapoczątkuje proces usuwania podstrony smile.gif
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.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.