• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

nie działający przycisk type="submit" po dodaniu go przez js

0 głosów
95 wizyt
pytanie zadane 18 stycznia 2017 w JavaScript, jQuery, AJAX przez Q_Nick Gaduła (4,940 p.)

Witam. Dodaje ten post do tej kategorii, bo wydaje mi się, że problem jest gdzieś tutaj.

A więc tak. Mam stronę zbudowaną w PHP, HTML i JS. Po załadowaniu strony w formie tabelki pojawiają się informacje o pojazdach i jest przycisk, który po kliknięciu wywołuje funkcję, która podmienia wszystkie komórki na pola typu input i button(on po kliknięciu powinien wysłać dane do innego pliku). Niestety właśnie ten button nie chce działać. Podaje tutaj kod tabeli w PHP oraz kod mojej funkcji w JS.

PHP:

             <?php
    			require_once "config/dbinfo.php";
    			$connect = mysqli_connect($host, $db_user, $db_password, $db_name);
    			if(mysqli_connect_errno())
    			{
					echo "wystopil bald polanczenia z baza";
				}
    			else
    			{
					$uzytkownik=$_SESSION['user'];
					$wynik= "SELECT * FROM vss_trucks";
					$wynik= mysqli_query($connect, $wynik)
					or die('Błąd zapytania');
					echo '<table class="table table-hover"><thead><tr>
						<td>ID:</td>
						<td>Rejestracja:</td>
						<td>Marka:</td>
						<td>Model:</td>
						<td>Kierowca:</td>
						<td>Przebieg:</td>
						<td>Naczepa:</td>
						<td>Przebieg w firmie:</td>
						<td>Kolor:</td>
						<td>Obraz:</td>
                                                <td>Opcje</td>
					</tr></thead>
					';
                                        $i=0;
					while($r= mysqli_fetch_assoc($wynik))
					{
                                            ++$i;
					$przebieg_w_firmie= $r['przebieg'] - $r['przebieg_poczatkowy'];
					echo '<form action="scripts/edit_truck.php" metchod="post"><tr>
						<td id="id'.$i.'">'.$r['id_truck'].'</td>
						<td id="rejestracja'.$i.'">'.$r['rejestracja'].'</td>
						<td id="marka'.$i.'">'.$r['marka'].'</td>
						<td id="model'.$i.'">'.$r['model'].'</td>
						<td id="user'.$i.'">'.$r['user'].'</td>
						<td id="przebieg'.$i.'">'.$r['przebieg'].'</td>
						<td id="naczepa'.$i.'">'.$r['naczepa'].'</td>
						<td id="przebieg_w_firmie'.$i.'">'.$przebieg_w_firmie.'</td>
						<td id="kolor'.$i.'">'.$r['kolor'].'</td>
                                                <td id="obraz'.$i.'"><a href="'.$r['obraz'].'">Obraz</a></td>
                                                <td id="opcje'.$i.'"><button class="btn btn-link" onclick="edytuj('.$i.')"><span class="glyphicon glyphicon-pencil"></span></button></td>
					</tr></form>';}
    			
				echo '</table>'
			?>

i JS

function edytuj(i) 
            {
                var id = document.getElementById('id'+i).innerHTML;
                var rejestracja = document.getElementById('rejestracja'+i).innerHTML;
                var marka = document.getElementById('marka'+i).innerHTML;
                var model = document.getElementById('model'+i).innerHTML;
                var user = document.getElementById('user'+i).innerHTML;
                var przebieg = document.getElementById('przebieg'+i).innerHTML;
                var przebieg_w_firmie = document.getElementById('przebieg_w_firmie'+i).innerHTML;
                var naczepa = document.getElementById('naczepa'+i).innerHTML;
                var kolor = document.getElementById('kolor'+i).innerHTML;
                var obraz = document.getElementById('obraz'+i).innerHTML.href;
                
                document.getElementById('id'+i).innerHTML='<input type="text" readonly="readonly" class="form form-control" name="id" value="'+id+'">';
                document.getElementById('rejestracja'+i).innerHTML='<input type="text" class="form form-control" name="rejestracja" value="'+rejestracja+'">';
                document.getElementById('marka'+i).innerHTML='<input type="text" class="form form-control" name="marka" value="'+marka+'">';
                document.getElementById('model'+i).innerHTML='<input type="text" class="form form-control" name="model" value="'+model+'">';
                document.getElementById('user'+i).innerHTML='<input type="text" class="form form-control" name="user" value="'+user+'">';
                document.getElementById('przebieg'+i).innerHTML='<input type="text" class="form form-control" name="przebieg" value="'+przebieg+'">';
                document.getElementById('przebieg_w_firmie'+i).innerHTML='<input type="text" readonly="readonly" class="form form-control" name="przebieg_w_firmie" value="'+przebieg_w_firmie+'">';
                document.getElementById('naczepa'+i).innerHTML='<input type="text" class="form form-control" name="naczepa" value="'+naczepa+'">';
                document.getElementById('kolor'+i).innerHTML='<input type="text" class="form form-control" name="kolor" value="'+kolor+'">';
                document.getElementById('obraz'+i).innerHTML='<input type="text" class="form form-control" name="obraz" value="'+obraz+'">';
                document.getElementById('opcje'+i).innerHTML='<button type="submit" class="btn btn-link"><span class="glyphicon glyphicon-ok"></span></button>';
            }

Jeśli ktoś widzi gdzie jest błąd to prosił bym o informacje. Już chwilę siedzę nad tym kodem i nie widzę błędu :/

1 odpowiedź

0 głosów
odpowiedź 18 stycznia 2017 przez Filip31411 Dyskutant (8,870 p.)
Kliknij na ten przycisk, który podmienia komórki i otwórz w przeglądarce konsolę błędów. Jak jakiś będzie to go tu wrzuć.
komentarz 18 stycznia 2017 przez Q_Nick Gaduła (4,940 p.)
zapomniałem o tym :D Nie ma żadnych błędów
komentarz 18 stycznia 2017 przez Filip31411 Dyskutant (8,870 p.)

To zobacz jeszcze, jak wygląda zawartość komórki (czy jest podmieniona, może coś tam brakuje). Poza tym pokarz style css dla klasy btn btn-link.

komentarz 18 stycznia 2017 przez Q_Nick Gaduła (4,940 p.)
ta klasa pochodzi z bootstrapa 3
komentarz 18 stycznia 2017 przez Filip31411 Dyskutant (8,870 p.)
To zbadaj go i zobacz, czy nie ma jakiejś właściwości, która by go zawieszała w działaniu.
komentarz 18 stycznia 2017 przez Q_Nick Gaduła (4,940 p.)
To nie jego wina. Testowałem z całkowitym usunięciem BS :/
komentarz 18 stycznia 2017 przez Q_Nick Gaduła (4,940 p.)
Znalazłem błąd. Znaczniki form są "interpretowane" jako poza tymi polami.

Podobne pytania

0 głosów
1 odpowiedź 49 wizyt
pytanie zadane 10 czerwca 2017 w Nasze projekty przez xxxxxx Nowicjusz (180 p.)
0 głosów
1 odpowiedź 85 wizyt
pytanie zadane 10 czerwca 2017 w Nasze projekty przez xxxxxx Nowicjusz (180 p.)
0 głosów
5 odpowiedzi 1,728 wizyt
pytanie zadane 19 lutego 2017 w PHP, Symfony, Zend przez koczo21 Początkujący (420 p.)
Porady nie od parady
Pytania na temat serwisu SPOJ należy zadawać z odpowiednią kategorią dotyczącą tej strony.SPOJ

63,199 zapytań

109,435 odpowiedzi

228,618 komentarzy

42,945 pasjonatów

Przeglądających: 84
Pasjonatów: 9 Gości: 75

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...