Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: wysylanie formularza do okreslonego diva na stronie
Forum PHP.pl > Forum > PHP
jaca121212
4.01.2015, 09:13:10
witam mam taki problem mam formularz zrobiony i chcialbym zeby po kliknieciu wyslal on cala zawartosc do odpowiedniego diva
<form action="#contener" method="POST">
<textarea name="tresc" class="wyg_text" rows="3" required autocomplete="off" placeholder="Treść twojej wiadomości..."></textarea>
<button type="submit" class="btn_wyslij" name="wyslij">Wyślij wiadomość</button>
</form>
na stronie jest utworzony div o nazwie contener jak to powinno byc zeby to dzialalo
sf
4.01.2015, 09:38:16
Bez przeładowania nie możesz tego zrobić w php tylko za pomocą javascript. Poniżej przyjkład z jquery.

Kod
<script type='text/javascript' src='jquery.min.js'></script>
<script>
$(document).ready(function() {
    $('form').submit(function(e) {
        e.preventDefault();
        div = $(this).attr('action');
        desc = $('textarea[name="tresc"]').val();
        $(div).html(desc)
    });
});
</script>

<div id="contener"></div>


Jeżeli chcesz użyć php to musisz ustawić w action plik php, który wyświetli odpowiedni kod html.
jaca121212
4.01.2015, 10:09:39
PO DODANIU TEGO KODY NIE DZIALA MI WYSYLANIE http://www.ocena.log.ugu.pl/ NIC SIE NIE POKAZUJE NA STRONIE POMOZECIE
poprawiony kod ktory nadal nie dziala pomoze ktos 
[PHP] pobierz, plaintext 
  1.  <head>
  2. <meta http-equiv=?Content-Type? content=?text/html; charset=utf-8? />
  3. <script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>
  4. </head>
  5.  
  6.  
  7.  
  8.  
  9.  
  10.  
  11.  
  12. <script>
  13. $(document).ready(function() {
  14.     $('form').submit(function(e) {
  15.         e.preventDefault();
  16.         div = $(this).attr("data-desc='#contener'");
  17.         desc = $('textarea[name="tresc"]').val();
  18.          desc = $('input[name="zrodlo"]').val();
  19.          desc = $('input[name="image"]').val();
  20.          desc = $('input[name="login"]').val();
  21.          desc = $('input[name="temat"]').val();
  22.         $(div).html(desc)
  23.     });
  24. });
  25. </script>
  26.  
  27.  
  28. <div id="contener">
  29. wyswietlanie przeslanego formularza w tym divie 
  30. </div>
  31. <?php
  32. echo'
  33. <form data-dest=#contener method="POST">
  34. <input type="url" name="zrodlo" class="wyg_input"  autocomplete="off" required placeholder="Podaj link skąd wzięty został 
  35.  
  36. artykuł..."/>
  37. <input type="url" name="image" class="wyg_input"  autocomplete="off" required placeholder="Podaj link do zdjęcia..."/>
  38. <input type="text" name="login" class="wyg_input"  autocomplete="off" required placeholder="Podaj swój nick..."/>
  39. <input type="text" name="temat" class="wyg_input" required autocomplete="off" placeholder="Podaj treść twojego tematu... "/>
  40. <textarea name="tresc" class="wyg_text" rows="3" required autocomplete="off"  placeholder="Treść twojej 
  41.  
  42. wiadomości..."></textarea>
  43. <button type="submit" class="btn_wyslij" name="wyslij">Wyślij wiadomość</button>
  44. </form>
  45. </body>
  46. </html>';
  47. if(isset($_POST['wyslij']) && !empty($_POST['zrodlo']) && !empty($_POST['image']) && !empty($_POST['login']) && !empty
  48.  
  49. ($_POST['tresc']) && !empty($_POST['temat']))
  50. {
  51.  
  52.  
  53.     $zrodlo = mysql_real_escape_string(htmlspecialchars($_POST['zrodlo']));
  54.     $image = mysql_real_escape_string(htmlspecialchars($_POST['image']));
  55.     $login = mysql_real_escape_string(htmlspecialchars($_POST['login']));
  56.     $tresc = mysql_real_escape_string(htmlspecialchars($_POST['tresc']));
  57.     $temat = mysql_real_escape_string(htmlspecialchars($_POST['temat']));
  58.     $data = date('Y-m-d H:i:s');
  59.     $ip = $_SERVER['REMOTE_ADDR'];
  60.  
  61.  
  62.     mysql_query ("INSERT INTO `tematy` (`zrodlo`, `image`,`login`, `data`, `ip`, `tresc`, `temat`) VALUES('$zrodlo' 
  63.  
  64. ,'$image', '$login', '$data', '$ip', '$tresc', '$temat')");
  65.  
  66.  
  67.     header('Location: '.$_SERVER['REQUEST_URI']);
  68. }
  69.  
  70. else {
  71.  
  72.     $query = mysql_query ("SELECT * FROM `tematy` ORDER BY `tematy`.`data` DESC"); 
  73.  
  74.  
  75.     echo '<div id="qt" >';
  76.  
  77.  
  78.     while($shout=mysql_fetch_array($query)) { 
  79.         echo '<div id="st" ><div id="pt">';
  80.  
  81.         echo"<a href='{$shout['zrodlo']}'</a>";
  82.         echo "<img src='{$shout['image']}'/>"
  83.          .'<b id="autor"> '.'Autor: '.$shout['login'].'</b> ' .'</br>'
  84.          .'<h1 id="temat">'.$shout['temat'].'</h1> ' .'</br>'
  85.          .'<p id="art_tre">'.$shout['tresc'].'</p>'.'</br>'
  86.          .'<br/>'
  87.  
  88.          .'Czas Napisania: '.$shout['data'] .'</br>'
  89.          .'</div></div>';
  90.  
  91.     }
  92.  
  93.  
  94.     echo '</div>'; 
  95. }
  96. ?>
  97.  
[PHP] pobierz, plaintext
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.