[FRAGE] Html site per click öffnen

[gloeckge]

Hallo!
Vorerst: Ich habe php und java Erfahrung, aber javascript ist noch neu für mich. Google konnte mir möglicherweise deshalb nicht helfen da ich nicht gewusst habe nach welchen Wörtern ich googeln soll.

Ich möchte auf einer Seite per Click einen neue Seite bzw. ein neues HTML File aufrufen.

Auf manchen Websiten ist z.B.: das Bilder vergrößern sehr schön gelöst. Das Bild wird per Click vergrößert und es sieht so aus als hätte mensch die Website verlassen. Das Bild ist groß, runderheum ist es schwarz und per x rechts oben kann die Großansicht wieder beendet werden.

Ich möchte im Prinzip genaus so etwas nur dass ein Link angeklickt werden soll. Dieser Link zeigt auf ein HTM File. Dieses File hat festgelegte Standards. Also so wie bei Frames sollen die css Standards des htm Files gesondert behandelt werden.

Ist das möglich?

Um möglicherweise entstehende Frage zu beantworten warum ich das so machen will: Ich habe eine Website erstellt welche von einem nicht Webdesigner möglichst einfach aktualisiert werden kann.
Nun sollen HTM Files welche im Word erstellt (speichern unter *.htm) in die Website einfach eingebunden werden können. Dabei sollen aber die von festgelegten css Standards ignoriert werden und außerdem soll keine neue Seite geöffnet werden. Ich habe das Problem derzeit mit einem Frame gelöst. Ich bin damit aber unzufrieden. Der Frame ist zu klein bzw ich müsste die CSS Standards ändern um den frame größer machen zu können

Anna Witt
unter Englisch ist ein vollständiger Text zu finden.


Lg, Gernot

 

[j-l-n]

Das, was du von Bildern her kennst, nennt sich "Lightbox". Der zugehörige Suchbegriff wäre also so etwas wie HTML in Lightbox öffnen

Zwei gute Beispiele:

• iBox - Lightweight inline popup unter "Documents"

• ThickBox 3.1 unter "Examples"/"iFramed Content"

PS: Subotnik: Warum Frames out sind (und es schon immer waren...)
wobei ich den verlinkten Punkt als User am nervigstens finde...

 

[gloeckge]

Vielen Dank! Genau das wollte ich wissen

 

[j-l-n]

Vielen Dank! Genau das wollte ich wissen

Schön, dass ich dir helfen konnte!

 

[gloeckge]

Wahrscheinlich liegt die Ursache meines Problems darin, dass ich nicht weiß was bei der AJAX Verwendung passiert:
Ich verwende iBox.
Es funktioniert nämlich beinahe alles gut. Die CSS Styles haben leider auf mein in Word abgespeichertes HTML Dokument Einfluss. Ich hätte gerne, dass die Schriftart, Schriftgröße, Absatzabstände, .... so aussehen wie im Word bzw. so aussehen als hätte meine Website keinen Einfluss auf das Word HTML Dokument. Würde ich einen Frame verwenden hätte ich dieses Problem nicht.
Was mache ich um zu verhindern, dass meine mühsam angelegten YAML Standards auf mein Word.htm welche in der iBox aufgerufen wird keinen Einfluss haben?

 

[kkapsner]

AJAX ist für dich die falsche Technik - du musst mit iFrames arbeiten, damit die beiden Seiten getrennte CSS-Einstellungen haben.

 

[centauros]

Ich habe schon sehr oft und viel mit Iframes gearbeitet aber im Moment sehe ich den Sinn noch nicht wirklich.

Wie stellst Du dir das mit Iframes vor?

Hier noch mal meine Vorstellung:

 

[kkapsner]

In der Lightbox kann man auch iFrames laden. Das würde bei dir auch funktionieren. Deine modalen Dialoge zeigen ja auch HTML aus einer URL...

 

[centauros]

Bei der Lightbox ist es ja so das ich ausserhalb meines iframes klicken kann um den Schleier zu schließen.
Kann man das unterbinden?

 

[kkapsner]

Das kann man sicher unterbinden - ob man dazu etwas im Code ändern muss oder es direkt über eine Option angeboten wird, hängt davon ab, welche du genau du verwendest.

 

[centauros]

ich nutze die fancyBox.

 

[rico2009]

hideOnOverlayClick=false (Fancybox - Fancy jQuery lightbox alternative| API & Options) Damit kann man unterbinden, dass man außerhalb klicken kann und sich die Lightbox schließt.