jquery dialog und links statt button

Vielleicht hat der ein oder andere schon mal versucht, beim „jquery dialog“ Modul neben eines Buttons (z.B. OK) noch einen Link einzublenden (z.B. für weiterführende Infos und zur Unterscheidung zwischen der Interaktion direkt mit dem Dialogfenster und dem „Rest“ der Webseite).

Ich habe jedenfalls gerade genau so einen Fall (ich wollte neben dem Dialog-OK-Button noch einen Link zum „Meldungsarchiv“ bereitstellen. Da jquery dialog nur Buttons akzeptiert, muss man hierfür ein bisschen tricksen. Meine Lösung sieht dann wie folgt aus:

$("button[type='button']").parent().append("<a href="\"link\"" target="\"_blank\"" id="\"archivelink\"" rel="noopener">Archiv</a>");
Code-Sprache: JavaScript (javascript)

Zur kurzen Erklärung, was passiert: Ich suche mir im ersten Teil der Scriptzeile den Bereich, in dem ein Button mit dem Attributwert type=“button“ existiert. An der Stelle befindet sich mein „OK“-Button. Dann springe ich in das übergeordnete Element(parent) und füge meinen Link hinzu (append). Der Link erscheint dann rechts neben dem OK-Button.

Von admin

Der Umstand, fast als Aprilscherz 1982 geboren zu sein, spiegelt sich in der humoristischen Veranlagung von Dennis wider. Seit seinem 16. Lebensjahr erfüllt sich diese "Begabung" auch immer wieder in Kurzgeschichten und Gedichten, die um die Jahrtausendwende zeitweise sogar Eingang in kleinere Literaturmagazine fanden. Mit dem Blog WortErZähler versucht er nun, sich wieder verstärkt dem Hobby "Schreiben" zu widmen und dabei zeitgleich eine Brücke zu modernen Kommunikationsmöglichkeiten zu schlagen.

2 Kommentare

  1. Pingback: Ginger
    1. Hmm not so long… actually about half a year ago I thought about „testing“ if blogging is something for me. This „test“ almost fall asleep until I did some new postings… so anyway I am not so well-known about blogging, blogdesign and actually I feel the layout is not „perfect“ – but I don’t have the time or better to say – I don’t take the time to do some more on it. Thank you anyway for your comment.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert