Top-Themen

Aktuelle Themen (A bis Z)

Administrator.de FeedbackApache ServerAppleAssemblerAudioAusbildungAuslandBackupBasicBatch & ShellBenchmarksBibliotheken & ToolkitsBlogsCloud-DiensteClusterCMSCPU, RAM, MainboardsCSSC und C++DatenbankenDatenschutzDebianDigitiales FernsehenDNSDrucker und ScannerDSL, VDSLE-BooksE-BusinessE-MailEntwicklungErkennung und -AbwehrExchange ServerFestplatten, SSD, RaidFirewallFlatratesGoogle AndroidGrafikGrafikkarten & MonitoreGroupwareHardwareHosting & HousingHTMLHumor (lol)Hyper-VIconsIDE & EditorenInformationsdiensteInstallationInstant MessagingInternetInternet DomäneniOSISDN & AnaloganschlüsseiTunesJavaJavaScriptKiXtartKVMLAN, WAN, WirelessLinuxLinux DesktopLinux NetzwerkLinux ToolsLinux UserverwaltungLizenzierungMac OS XMicrosoftMicrosoft OfficeMikroTik RouterOSMonitoringMultimediaMultimedia & ZubehörNetzwerkeNetzwerkgrundlagenNetzwerkmanagementNetzwerkprotokolleNotebook & ZubehörNovell NetwareOff TopicOpenOffice, LibreOfficeOutlook & MailPapierkorbPascal und DelphiPeripheriegerätePerlPHPPythonRechtliche FragenRedHat, CentOS, FedoraRouter & RoutingSambaSAN, NAS, DASSchriftartenSchulung & TrainingSEOServerServer-HardwareSicherheitSicherheits-ToolsSicherheitsgrundlagenSolarisSonstige SystemeSoziale NetzwerkeSpeicherkartenStudentenjobs & PraktikumSuche ProjektpartnerSuseSwitche und HubsTipps & TricksTK-Netze & GeräteUbuntuUMTS, EDGE & GPRSUtilitiesVB for ApplicationsVerschlüsselung & ZertifikateVideo & StreamingViren und TrojanerVirtualisierungVisual StudioVmwareVoice over IPWebbrowserWebentwicklungWeiterbildungWindows 7Windows 8Windows 10Windows InstallationWindows MobileWindows NetzwerkWindows ServerWindows SystemdateienWindows ToolsWindows UpdateWindows UserverwaltungWindows VistaWindows XPXenserverXMLZusammenarbeit

Frage Entwicklung JavaScript

GELÖST

Zeile mit JS einfügen

Mitglied: lord-icon

lord-icon (Level 1) - Jetzt verbinden

21.12.2014, aktualisiert 16:38 Uhr, 1499 Aufrufe, 3 Kommentare

Ich bau an ein JS Script, was mir eine Zeile einfügt (klappt mitunter auch).

Siehe hier:
http://jsfiddle.net/28spv9jj/1/

3 Probleme habe ich hier aber noch:

=> + Button fügt eine Zeile am Ende hinzu. Ziel => in die nachfolgende Zeile einfügen, wo man drauf gedrückt hat
=> - Button soll gezielt die Zeile löschen, wo man drauf gedrückt hat
=> + Button müsste eine fortlaufenden Key erzeugen. (seiten[i][aktiv])

Letzteres ist aktuell mein größtes Problem.
1: Ein Submit überschreibt natürlich jede Zeile... ist ja alles seiten[0][aktiv]
2: Dann könnte ich vvlt. auch einen eindeutigen Namen haben den ich ansprechen kann... für's löschen.


Kann einer Helfen ?

P.s. Gern auch gegen $$$ (Nach Absprache)
Mitglied: colinardo
LÖSUNG 21.12.2014, aktualisiert um 17:37 Uhr
Hallo lord-icon,
hier eine Lösung für dein Beispiel:
01.
<!doctype html> 
02.
<html> 
03.
<head> 
04.
<meta charset="utf-8"> 
05.
<title>Demo</title> 
06.
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
07.
<script type="text/javascript"> 
08.
$(document).ready(function(e) { 
09.
    //Aktion für alle Add-Buttons 
10.
	$('#dataTable .btnAdd').click(function(){ 
11.
		//referenz zur aktuellen Zeile holen 
12.
		var current_row = $(this).parent().parent(); 
13.
		// node duplizieren inklusive event-handler 
14.
		var new_row = $(current_row).clone(true); 
15.
		// Input für das neue Element leeren 
16.
		$(new_row).find("input.itm_input").val(''); 
17.
		// neue Zeile hinter die aktuelle hängen 
18.
		$(new_row).insertAfter(current_row); 
19.
		//Nummerierung erneuern 
20.
		reNumberNodes(); 
21.
	}); 
22.
	//Aktion für alle Delete-Buttons 
23.
	$('#dataTable .btnDelete').click(function(){ 
24.
		// wenn die Anzahl der Zeilen > 1 erlaube zu löschen 
25.
		if ($('#dataTable tr').length > 1){ 
26.
			$(this).parent().parent().remove(); 
27.
			reNumberNodes(); 
28.
		}else{ 
29.
			alert('Das letzte Element kann nicht gelöscht werden'); 
30.
31.
	}); 
32.
}); 
33.
 
34.
function reNumberNodes(){ 
35.
	$("#dataTable .itm_checkbox").each(function(index, element) { 
36.
        $(element).attr('name','seiten['+ index + '][aktiv]'); 
37.
    }); 
38.
	$("#dataTable .itm_input").each(function(index, element) { 
39.
        $(element).attr('name','seiten['+ index + '][value]'); 
40.
    }); 
41.
42.
</script> 
43.
</head> 
44.
<body> 
45.
 
46.
<form method="POST">             
47.
             
48.
<table id="dataTable" width="100%"  border="0"> 
49.
    <tr> 
50.
        <td><input class="itm_checkbox" value="" type="checkbox" name="seiten[0][aktiv]"/ checked="checked"></td> 
51.
        <td><input class="itm_input" type="text" style="width: 500px" name="seiten[0][value]"/></td> 
52.
        <td> 
53.
          <img class="btnAdd" src="http://findicons.com/files/icons/1156/fugue/16/plus_button.png"> 
54.
          <img class="btnDelete" src="http://findicons.com/files/icons/1156/fugue/16/minus_button.png"> 
55.
        </td> 
56.
        <td> 
57.
 
58.
        </td> 
59.
    </tr> 
60.
</table> 
61.
 
62.
<input type="submit" name="Submit" value="Daten jetzt Speichern" /> 
63.
</form>     
64.
</body> 
65.
</html>
Grüße Uwe
Bitte warten ..
Mitglied: lord-icon
21.12.2014, aktualisiert um 16:58 Uhr
Hallo Uwe,

Frameworks darf ich leider nicht verwenden. Sry das ich das nicht erwähnte.
Dachte mit meinen Code wäre das ersichtlich (das keine eingesetzt werden).

Nach Stunden lesen und Probieren hab ich das eine oder andere Problem auch schon behoben.
Sprich: Sauber wegspeichern kann ich es mitunter.

Nur das zeilengenaue einfügen gelingt mir nicht.

Aktueller Stand: http://jsfiddle.net/3h2shhL9/2/


Weiß einer Rat, welcher der einfachste Weg wäre... und wie ich den evtl. hinbekomme ?
Bitte warten ..
Mitglied: colinardo
21.12.2014, aktualisiert um 19:01 Uhr
Zitat von lord-icon:
Frameworks darf ich leider nicht verwenden. Sry das ich das nicht erwähnte.
auch kein Problem:
http://jsfiddle.net/3h2shhL9/4/

Schönen restlichen 4 Advent
Grüße Uwe
Bitte warten ..
Ähnliche Inhalte
Batch & Shell
Zeile mit Sonderzeichen in txt einfügen
gelöst Frage von FaysaxBatch & Shell1 Kommentar

Hallo miteinander, ich habe folgendes Problem: Ich habe eine xml Datei in eine txt umgewandelt. Nun möchte ich am ...

Debian
Letzte Zeile lesen und einfügen
gelöst Frage von Fenris14Debian4 Kommentare

Guten Tag, ich versuche mich mal wieder ein wenig an Scripten und habe hier jetzt das Problem das ich ...

Datenbanken
MySQL Zeilen per Script einfügen
gelöst Frage von SpeakerSTDatenbanken3 Kommentare

Hey Leute ich hoffe mir kann jemand helfen. Ich muss in einer vorhandenen Datenbank User einfügen Die Tablle sieht ...

VB for Applications
VbScript: ADODB.Stream: Neue Zeile einfügen
gelöst Frage von BirdyBVB for Applications2 Kommentare

Hallo zusammen, ich habe hier ein vb-skript, welches einen ADODB.Stream erzeugt und diesen mit Text füllt. Ich würde gerne ...

Neue Wissensbeiträge
Linux

Meltdown und Spectre: Linux Update

Information von Frank vor 2 TagenLinux

Meltdown (Variante 3 des Prozessorfehlers) Der Kernel 4.14.13 mit den Page-Table-Isolation-Code (PTI) ist nun für Fedora freigegeben worden. Er ...

Tipps & Tricks

Solutio Charly Updater Fehlermeldung: Das Abgleichen der Dateien in -Pfad- mit dem Datenobject ist fehlgeschlagen

Tipp von StefanKittel vor 2 TagenTipps & Tricks

Hallo, hier einmal als Tipp für alle unter Euch die mit der Zahnarztabrechnungssoftware Charly von Solutio zu tun haben. ...

Sicherheit

Meltdown und Spectre: Wir brauchen eine "Abwrackprämie", die die CPU-Hersteller bezahlen

Information von Frank vor 2 TagenSicherheit12 Kommentare

Zum aktuellen Thema Meltdown und Spectre: Ich wünsche mir von den CPU-Herstellern wie Intel, AMD oder ARM eine Art ...

Sicherheit

Meltdown und Spectre: Realitätscheck

Information von Frank vor 2 TagenSicherheit10 Kommentare

Die unangenehme Realität Der Prozessorfehler mit seinen Varianten Meltdown und Spectre ist seit Juni 2017 bekannt. Trotzdem sind immer ...

Heiß diskutierte Inhalte
E-Mail
Erfahrungen mit hMailServer gesucht
Frage von it-fraggleE-Mail10 Kommentare

Hallo, meine neue Stelle möchte einen eigenen Mailserver. Ich als Linuxkind war direkt geistig mit Postfix dabei. Leider wollen ...

Entwicklung
VBS: alle PDF-Dateien in einem Ordner gleichzeitig öffnen
gelöst Frage von JuweeeEntwicklung9 Kommentare

Hallo, ich habe in deiner Ordnerstruktur (.\Tagesberichte\xx.18\) mehrere dynamische PDF-Formulare (mit LCD erstellt). Die Berichtsformulare sind im Layout alle ...

Firewall
Penetrationstester-Labor - Firewalls
Frage von Oli-nuxFirewall9 Kommentare

Mich würde interessieren warum man beim Einrichten eines Penetrationstester-Labor (VMs) die Firewall der Systeme deaktivieren soll? Hat das nur ...

Netzwerkgrundlagen
IPv6 Inter-VLAN Routing
gelöst Frage von clSchakNetzwerkgrundlagen8 Kommentare

Hi ich befasse mich gerade mit der Implementierung von IPv6 was bisher (in einem VLAN) korrekt funktioniert inkl. DNS ...