Top-Themen

AppleEntwicklungHardwareInternetLinuxMicrosoftMultimediaNetzwerkeOff TopicSicherheitSonstige SystemeVirtualisierungWeiterbildungZusammenarbeit

Aktuelle Themen

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

Onclick ganzes Div mitsenden

Frage Entwicklung JavaScript

Mitglied: miichiii9

miichiii9 (Level 1) - Jetzt verbinden

21.11.2014 um 09:36 Uhr, 1050 Aufrufe, 3 Kommentare

Hallo Miteinander

Ich habe Folgendes Problem:

Wie Ihr im Code unten seht, habe ich ein Button der das div hinzufügen sollte. Nun habe ich das Ganze in ein Table gesteckt und nun funktioniert es nicht mehr. Was muss ich beim onclick anpassen das er das ganze Div (Link) kopiert?

Danke für eure Antworten
LG Miichiii9


<div id="Link">
<table>
<tr>
<td class="tdLink">
Anzeigename:<br>
<input type="text" placeholder="Example" class="inputlink">
</td>
<td class="tdLink">
URL:<br>
<input type="url" name="link" placeholder="www.example.com" class="inputlink">
</td>
<td>
<br>
<input id="add" type="button" value="Hinzuf&uuml;gen" onClick="feldHinzufuegen(this.div)" />
</td>
</tr>
</table>
</div>


<script>
var counter = 2;

function feldHinzufuegen(el){
var tmpDiv = $(el).parent();
var copyDiv = tmpDiv.clone();

copyDiv.children('input[name="link1"]').attr("id","link" + counter).attr("name","link" + counter);
copyDiv.insertAfter(tmpDiv);
counter +=1;
$(el).remove();
}
</script>
Mitglied: 114757
21.11.2014, aktualisiert um 10:36 Uhr
<input id="add" type="button" value="Hinzuf&uuml;gen" onClick="feldHinzufuegen('#Link')" />

Und dann noch im JavaScript diese Zeile ändern:
var tmpDiv = $(el);

Gruß jodel32
Bitte warten ..
Mitglied: miichiii9
21.11.2014 um 17:02 Uhr
Okeee super hat geklappt...

Weist du auch wie man so einen löschen butten erstellt der das div wieder löscht?

Gruss Miichiii9
Bitte warten ..
Mitglied: 114757
21.11.2014 um 19:56 Uhr
Zitat von miichiii9:
Weist du auch wie man so einen löschen butten erstellt der das div wieder löscht?

01.
<input id="add" type="button" value="Löschen" onClick="$('#Link').Remove()" />
Bitte warten ..
Ähnliche Inhalte
HTML
gelöst Iframe wird zu klein in div angezeigt (7)

Frage von Thomas91 zum Thema HTML ...

Hyper-V
Benötige Hilfe bei Hyper-V-Core 2016 div. Befehle gesucht (4)

Frage von Stefan007 zum Thema Hyper-V ...

LAN, WAN, Wireless
Tethering mit Android für ganzes Netz möglich ? (13)

Frage von Henere zum Thema LAN, WAN, Wireless ...

JavaScript
gelöst Externen DIV-Container via jQuery anzeigen (6)

Frage von Akrosh zum Thema JavaScript ...

Neue Wissensbeiträge
Peripheriegeräte

Was beachten bei der Wahl einer USV Anlage im Serverschrank

(2)

Tipp von zetboxit zum Thema Peripheriegeräte ...

Windows 10

Das Windows 10 Creators Update ist auf dem Weg

(5)

Anleitung von BassFishFox zum Thema Windows 10 ...

Administrator.de Feedback

Tipp: Ungelöste Fragen ohne Antwort in Tickeransicht farblich hinterlegen

Tipp von pattern zum Thema Administrator.de Feedback ...

Viren und Trojaner

Neue Magazin Ausgabe: Malware und Angriffe abwehren

Information von Frank zum Thema Viren und Trojaner ...

Heiß diskutierte Inhalte
Windows Systemdateien
Warum System auf "C:" (29)

Frage von DzumoPRO zum Thema Windows Systemdateien ...

LAN, WAN, Wireless
Cisco SG200: Auf bestimmtem vLAN bestimmte TCP-Ports sperren (16)

Frage von SarekHL zum Thema LAN, WAN, Wireless ...

Windows Server
gelöst Update BackupExec 2015 auf 2016 führt zu SQL-Server Problem (16)

Frage von montylein1981 zum Thema Windows Server ...

Cloud-Dienste
gelöst Bitcoins minen über Nacht? (16)

Frage von 1410640014 zum Thema Cloud-Dienste ...