• 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

Object Storage Arubacloud
0 głosów
635 wizyt
pytanie zadane 18 stycznia 2017 w JavaScript przez Q_Nick Mądrala (5,010 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,820 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 Mądrala (5,010 p.)
zapomniałem o tym :D Nie ma żadnych błędów
komentarz 18 stycznia 2017 przez Filip31411 Dyskutant (8,820 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 Mądrala (5,010 p.)
ta klasa pochodzi z bootstrapa 3
komentarz 18 stycznia 2017 przez Filip31411 Dyskutant (8,820 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 Mądrala (5,010 p.)
To nie jego wina. Testowałem z całkowitym usunięciem BS :/
komentarz 18 stycznia 2017 przez Q_Nick Mądrala (5,010 p.)
Znalazłem błąd. Znaczniki form są "interpretowane" jako poza tymi polami.

Podobne pytania

0 głosów
1 odpowiedź 153 wizyt
pytanie zadane 10 czerwca 2017 w Nasze projekty przez xxxxxx Nowicjusz (180 p.)
0 głosów
1 odpowiedź 435 wizyt
pytanie zadane 10 czerwca 2017 w Nasze projekty przez xxxxxx Nowicjusz (180 p.)
0 głosów
5 odpowiedzi 2,445 wizyt
pytanie zadane 19 lutego 2017 w PHP przez koczo21 Początkujący (450 p.)

92,539 zapytań

141,382 odpowiedzi

319,481 komentarzy

61,928 pasjonatów

Motyw:

Akcja Pajacyk

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

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...