Javascript Pop-Up.. aber wie?

Unregistriert

Beispiel:
Auf meiner Test Seite befindet sich ein Link. Beim anklicken soll sich ein Fenster öffnen, in dem irgendwas steht. Das ist ja auch alles leicht zu realisieren, jedoch will ich, das nicht die ganze Seite nachgeladen wird, sondern nur der Inhalt des Fensters. Wie mach ich das?

Grevas

Äh, du verlinkst halt nur den Inhalt der Seite (z.B. eine HTML Datei) die im neuen Fenster auftauchen soll? Sonst weiß ich leider nicht was du meinst.

Unregistriert

nein, das pop up soll halt kein neues fenster (des browsers) aufrufen, sondern auf derselben seite ein kleines "selbstgemachtes" fenster. so ähnlich wie bei diesen ganzen Bildervorschau dingern (hoffe du weißt was ich da mein ^^)

Dodo

Meinst du Fenster als wirkliches Fenster in Windows oder als Teil der Webseite?

1.: JavaScript: Mittels window.open() ein Fenster öffnen. Die Rückgabe ist eine Referenz auf das Fenster. Diese Referenz kannst du bearbeiten?

2.: Frames oder AJAX. Rest: Google

Unregistriert

ich mein als teil der website. kanns mir da einfach maln code posten?

lg

Dodo

Wie gesagt: Benutze Frames, oder einen iframe: http://de.selfhtml.org
Oder (aber komplizierter): Starte mittels JavaScript einen AJAX-Request

Bananachief

Oder meint er/sie vielleicht so etwas? (über Download fahren)
http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/

Inhalt könnte man dann wie Dodo schon gesagt hat mit Ajax nachladen...

Tobse

Und wennde schon dafür jQuery lädst dann erklär ich dird as mim AJAX:

Code

$.ajax({
    url: "URL_ZUM_FENTERINHALT",
    sucess: function (data) {
        // Variable data in den Div des Tooltips eintragen
    }
});

Unregistriert

Vielen Dank schomal! =D

Tobse: ich versteh des nich so genau mit variable in div eintragen ô.O kanns mir nochma erklären?

lg

Pion

Warum er das weggelassen hat versteh ich nicht aber in die sucess Funktion gehört das rein:

$('namevondeinemdivalsodieid').html(data);

Unregistriert

http://playze.bplaced.net/?reg=1

hab ich ausprobiert mit ajax, klappt irgwie nicht... (auf AJAX testlink klicken)

warum?

synaptic

weil du jquery code nutzt ohne jquery zu laden...
kannst es runterladen und einfügen oder testweise mal damit probieren:
einfach mal in den head der page einbinden

HTML

<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>

edit: und ich seh grad dass dein selektor für inhalt humbug is..

des sollte

Code

$('#inhalt').html(data);

sein und nicht

Code

$('inhalt').html(data);

und manchmal hilft es auch einfach mal in die doku zu blicken: http://www.jquery.com

Unregistriert

asooo.. ok, das wusst ich nich, das das jquery war
wie gesagt, bin in Ajax totaler neuling

aber jetzt macht der irgendwie immernoch nix.. wie kanns?

synaptic

lies meinen editierten beitrag..

Unregistriert

mhh geht irgwie immernoch nich

synaptic

ja dann gib mal als url was anständiges an und nich einfach ne domain..

bau dir ne html-seite und ruf die von einer anderen der gleichen domain auf...
ich habs grad getestet und bei mir gehts

Unregistriert

http://playze.bplaced.net/test.html

geht auch hier nich =(
was mach ich denn falsch??

synaptic

mmh lass es mich mal so sagen...:
du kannst nich im ansatz die grundlagen und versuchst mit höherem scripting anzufangen!
lern wie man ein grundgerüst baut, lern wie man inhalte einpflegt und vor allem setz dich mal auseinander mit was ist ein normales attribut und wie nutzt man style-attribute.

dein script funktioniert nämlich!

Pion

Zitat von synaptic

höherem scripting

!= Javascript

</offtopic>

synaptic

naja ajax zu benutzen und zu verstehen sind schon dinge, die man erstmal begreifen muss..
hab nen kollegen der in sachen java mehr drauf hat, als ich und der brauchte auch n paar tage um ajax zu schnallen...
und wenn du dir anguckst was der gast gemacht hat dann weisste wieso ich da grundlagen und höheres scripting in spiel bringe!

Tags