Vordergrund Fenster öffnen

[ceddy17]

Hallo,

ich habe keine Ahnung ob das HTML ist oder doch irgend etwas anderes ist. Wenn es eine andere Computersprache ist, sagt bescheid...

Es geht um das hier: Templates - Templates

Wenn du auf ein "template" drückst, öffnet sich ein Vordergrund Fenster, dass man wieder schlissen kann. So etwas will ich auch schaffen...

Ein schönen Pfingssonntag noch :-D

 

[Cheffchen]

hallo,
such mal lightbox da gibts 100te.

cheffchen

 

[jakestyler]

Ich empfehle immer das Bootstrap Modal. Ist einfach toll.

 

[ceddy17]

Ich empfehle immer das Bootstrap Modal. Ist einfach toll.

Twitter Bootstrap Modals Example

So etwas!? Danke, aber mein Problem:

Ich finde nirgend wo ein Code, der einfach ist :(

Vielleicht kann mir jemand einen kurzen, auch funktionierbaren Code geben ???

 

[Cheffchen]

hallö,
das mit Bootstrap war glaube ich nicht. ganz ernst gemeint.
such nach Lightbox, FancyBox.
da findest 100te seiten wo beschrieben wird wie die 2 Zeilen Code eingefügt werden müssen.
was hast bis jetzt versucht?

cheffchen

 

[jakestyler]

Doch, das mit Bootstrap war ernstgemeint.
Man kann da ein Bild mit 100%-Werten reinmachen und das ist super!

Das ist der einfachste Code:

<!-- Button to trigger modal --><a href="#myModal" role="button" class="btn" data-toggle="modal">Launch demo modal</a>
 
<!-- Modal -->
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
 <h3 id="myModalLabel">Modal header</h3>
</div>  
<div class="modal-body">    
<p>One fine body…</p>  
</div>
<div class="modal-footer">
<button class="btn" data-dismiss="modal" aria-hidden="true">Close</button><button class="btn btn-primary">Save changes</button>  
</div>
</div>

Und das brauchst du an Ressourcen:
http://twitter.github.io/bootstrap/customize.html
Einfach nur Modal anklicken und alles andere weckklicken :)

 

[ceddy17]

hallö,
das mit Bootstrap war glaube ich nicht. ganz ernst gemeint.
such nach Lightbox, FancyBox.
da findest 100te seiten wo beschrieben wird wie die 2 Zeilen Code eingefügt werden müssen.
was hast bis jetzt versucht?

cheffchen

Hi,

du hast echt recht, es gibt tausende aber immer passiert bei selbstversuchen folgendes:

- Wenn ich auf ein Bild klicke, öffnet sich das Bild einfach direckt und nicht im "Vorderfenster".
- Es geht gar nichts, da es weiß ist.

An Seiten nutzte ich viele, zb.

fancyBox - Fancy jQuery Lightbox Alternative

Leider klappt der Code nicht :( WARUM?

 

[ceddy17]

Doch, das mit Bootstrap war ernstgemeint.
Man kann da ein Bild mit 100%-Werten reinmachen und das ist super!

Das ist der einfachste Code:

<!-- Button to trigger modal --><a href="#myModal"  role="button" class="btn" data-toggle="modal">Launch demo  modal</a>
 
<!-- Modal -->
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
 <h3 id="myModalLabel">Modal header</h3>
</div>  
<div class="modal-body">    
<p>One fine body…</p>  
</div>
<div class="modal-footer">
<button class="btn" data-dismiss="modal"  aria-hidden="true">Close</button><button class="btn  btn-primary">Save changes</button>  
</div>
</div>

Und das brauchst du an Ressourcen:
http://twitter.github.io/bootstrap/customize.html
Einfach nur Modal anklicken und alles andere weckklicken

VIELEN DANK, aber:

1. Den Link kenne ich schon :)
2. Ich kann beim Download die bootstrap.js Datei nicht öffnen da diese Fehlermeldung kommt:

Script:
Zeile: 21
Zeichen: 1
Fehlermeldung: "window" ist undeffiniert
Code: 800A1391
Quelle: Laufzeitfehler in Microsoft JScript

Tya 0 Ahnung was das soll!?

 

[jakestyler]

Einfach ignorieren und hochladen.

 

[ceddy17]

Das habe ich ja... Ich habe es hochgeladen, geöffnet (css funktionierte nur java nicht) und ja...

 

[Cheffchen]

hallö,
es geht nicht ist keine fehlerbeschreibung.
zeige ein link, denn bei 2 Dateien einbinden und eine classe vergeben kann man auch ein paar Fehler machen.

zu Bootstrap: versteh mich nicht falsch, ist eine feine Sache wenn man sich damit öfter beschäftigt aber nun rein gar nichts für Anfänger. die frage ist doch wer soll da mit arbeiten.

cheffchen