Bootstrap Modale Form

LaMiy · 14. Juli 2013, 19:43

Abend.
Wie kann man per JavaScript oder mit Bootstrap eine modale Form, in der eine kleine Info steht, für x Sekunden einblenden, und dann wieder ausblenden lassen ?
Es soll sowas wie eine "Ich-bin-eingeloggt-Info" werden.

(So ähnlich wie auf dem Bild im Anhang)

Trade · 14. Juli 2013, 19:53

So wie bei VBP?

LaMiy · 14. Juli 2013, 19:58

Trade schrieb:

So wie bei VBP?

Nein.
1. Hat die kein Timeout
2. Wird sie nicht eingeblendet (Einblendeffekt)
3. Ist sie nicht "losgelöst"

Sie sollte so sein wie hier die zweite (Man muss auf den blauen Button drücken)
twitter.github.io/bootstrap/javascript.html#modals

slice · 14. Juli 2013, 19:59

das isn schlechter scherz oder? der code steht doch da! -.-"

Artentus · 14. Juli 2013, 20:00

^this

Quellcode

<a href="#myModal" role="button" class="btn" data-toggle="modal">Launch demo modal</a>
<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>

LaMiy · 14. Juli 2013, 20:06

slice schrieb:

das isn schlechter scherz oder? der code steht doch da! -.-"

Ja schon, aber ich möchte das Ganze eher etwas "freier" haben.
Also dass die Box automatisch direkt eingeblendet wird, der Abstand noch oben nicht so groß ist ...
Ich möchte einfach etwas 'losgelöster' sein.
Mir ist schon kla, dass ein möglicher Code da schon steht :rolleyes:

Trade · 14. Juli 2013, 20:06

Dann spiel bisschen mit den Werten rum

slice · 14. Juli 2013, 20:12

dann schreib es dir selbst ... schau dir an wie die das machen un bau es nach deinen vorstellungen nach ...

LaMiy · 14. Juli 2013, 20:22

slice schrieb:

dann schreib es dir selbst ... schau dir an wie die das machen un bau es nach deinen vorstellungen nach ...

Es war ja von vornherein klar, dass ich es selbst schreiben muss. Deshalb frage ich ja. Nur wie ?
Dass der Abstand nicht so groß ist habe ich in der Style css verändert. Aber wie könnte man den Rest realisieren ?

slice · 14. Juli 2013, 20:27

du machst mich fertig ... sind wir hier in nem programmierer oder kopierer forum?
twitter.github.io/bootstrap/assets/js/bootstrap-modal.js

ps: full quotes sind unnötig

LaMiy · 14. Juli 2013, 20:31

Ich habe ja auch nicht gesagt, dass ich C&P-Code haben will ?
Natürlich hab ich mir die modal.js schon angeschaut.
Ich weiß aber nicht wo bei den > 200 Zeilen ich meine gewünschte Zeit unterbringen muss.
Desweiteren überlege ich noch wie ich es einblenden kann, ohne den Button zu drücken.
Ich habe noch nicht viel mit JS gemacht, aber für eine kleine Website komplett jS zu lernen, halte ich für übertrieben.

@slice
'Tschuldigung, ich war echt etwas zu blöd. Habe es nun soweit hinbekommen.

HTML-Quellcode

<script language="javascript">
window.onload = function()
{
$('#myModal').modal('show');
sleep(1);
$('#myModal').modal('hide');
}
</script>

Das einzige, was nicht klappt, ist, dass sich die Form nicht wieder schließt, obwohl sie das doch eigentlich sollte ?
Es liegt an dem Sleep, aber genau das will ich ja eigentlich.
Edit. hab's

HTML-Quellcode

<script language="javascript">
window.onload = function()
{
$('#myModal').modal('show');
setTimeout(function()
{
$('#myModal').modal('hide');
}, 1000);
}
</script>

Bootstrap Modale Form

Bootstrap Modale Form

Trade schrieb:

Quellcode

slice schrieb:

slice schrieb:

HTML-Quellcode

HTML-Quellcode

Ähnliche Themen

4 Benutzer haben hier geschrieben