zurück zur Startseite
  


Zurück XHTMLforum > Webentwicklung (außer XHTML und CSS) > Javascript & Ajax
Seite neu laden aufspringendes fenster

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 03.01.2012, 13:21
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 23.03.2011
Beiträge: 206
gandalf_hh befindet sich auf einem aufstrebenden Ast
Standard aufspringendes fenster

hallo zusammen,
ich suche etwas das ich weder bennen kann, noch weiss ich mit was es funktioniert, aber ich hab es mal irgendwo gesehen

und zwar soll bei einem klick auf einem link ein fenster aufspringen mit ein formular das ca. halb so groß ist wie die hintere seite, wobei sich die hintere seite etwas verdunkelt damit die aufgesprungene seite besser hervorkommt.

weiss einer was ich meine?

Geändert von gandalf_hh (03.01.2012 um 13:23 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 03.01.2012, 13:29
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 23.03.2011
Beiträge: 206
gandalf_hh befindet sich auf einem aufstrebenden Ast
Standard

ahso das sind popup windows, jetzt seh ichs.
aber popups werden von vielen unterdrückt.
was meint ihr, wie sind vor und nachteile???
ist es zu empfehlen?

weil ich habe mir vorgestellt den support für fragen/nachrichten/beschwerden usw. in ein popup fenster zu binden. wenn jemand auf kontakt klickt soll so ein popup formular erscheinen.

Geändert von gandalf_hh (03.01.2012 um 13:59 Uhr)
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 03.01.2012, 15:34
$("#mettbröttchen");
XHTMLforum-Mitglied
 
Registriert seit: 28.09.2010
Ort: Bremen
Beiträge: 448
zeji wird schon bald berühmt werden
Standard

Das was du suchst ist eine Javascript-Overlaybox.

Lässt sich alles sehr einfach mit Frameworks wie jQuery oder Mootools o.ä realisieren.

Gibt ansonsten bereits vorgefertigte Plugins wie jquery Fancybox, oder der Klassiger in JS die Lightbox.
Mit Zitat antworten
  #4 (permalink)  
Alt 03.01.2012, 17:45
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 23.03.2011
Beiträge: 206
gandalf_hh befindet sich auf einem aufstrebenden Ast
Standard

ich hab einige gute lightbox gefunden aber die funktionieren mit normalen IE nicht, kann das sein?
und kann ich das schwarze im hintergrund noch dunkler machen?

#simplemodal-overlay {background-color:#000; cursor:wait;}
das ist mir noch zu hell
Mit Zitat antworten
  #5 (permalink)  
Alt 03.01.2012, 20:44
body.ie {display: grotte}
XHTMLforum-Mitglied
 
Registriert seit: 09.01.2011
Beiträge: 841
take_a_7 sorgt für eine eindrucksvolle Atmosphäretake_a_7 sorgt für eine eindrucksvolle Atmosphäre
Standard

Moin,

Zitat:
Zitat von gandalf_hh Beitrag anzeigen
#simplemodal-overlay {background-color:#000; cursor:wait;}
das ist mir noch zu hell
"Schwarz ist zu hell, mach es schwärzer!!!" Wahrscheinlich ist da noch eine opacity definiert, die musst du runtersetzen.

gruß,
take
Mit Zitat antworten
  #6 (permalink)  
Alt 03.01.2012, 20:53
Benutzerbild von Thielo
Web Ninja
XHTMLforum-Kenner
 
Registriert seit: 17.09.2009
Ort: Stuttgart oder so
Beiträge: 3.372
Thielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein Lichtblick
Standard

Zitat:
Zitat von gandalf_hh Beitrag anzeigen
ich hab einige gute lightbox gefunden aber die funktionieren mit normalen IE nicht, kann das sein?
und kann ich das schwarze im hintergrund noch dunkler machen?

#simplemodal-overlay {background-color:#000; cursor:wait;}
das ist mir noch zu hell
Übelste Gesichtspalme.. und zum Thma wie es geht:
1.) Code verstehen
2.) Code anpassen
3.) Spaß haben

is ja nich so schwer..
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato...
All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege

www.richard-thiel.de | Müssen Websiten überall gleich ausschauen?
Mit Zitat antworten
  #7 (permalink)  
Alt 03.01.2012, 23:43
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 23.03.2011
Beiträge: 206
gandalf_hh befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von take_a_7 Beitrag anzeigen

Wahrscheinlich ist da noch eine opacity definiert, die musst du runtersetzen.
da ist kein "opacity". egal danke trotzdem.
Mit Zitat antworten
  #8 (permalink)  
Alt 04.01.2012, 00:24
body.ie {display: grotte}
XHTMLforum-Mitglied
 
Registriert seit: 09.01.2011
Beiträge: 841
take_a_7 sorgt für eine eindrucksvolle Atmosphäretake_a_7 sorgt für eine eindrucksvolle Atmosphäre
Standard

Moin,

Zitat:
Zitat von gandalf_hh Beitrag anzeigen
da ist kein "opacity". egal danke trotzdem.
Trotzdem ist das, was du uns gezeigt hast, nicht der gesamte Code. Oder du willst wirklich ein "schwärzer als schwarz". Denn #000 ist nunmal schwarz, dunkler geht nicht. Und bei diesen Lightboxen ist das Overlay doch immer transparent, also muss da irgendwo noch eine opacity oder ein rgba-background sein.

gruß,
take
Mit Zitat antworten
  #9 (permalink)  
Alt 04.01.2012, 01:06
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 23.03.2011
Beiträge: 206
gandalf_hh befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von take_a_7 Beitrag anzeigen

was du uns gezeigt hast, nicht der gesamte Code



#basic-modal-content {display:none;}

/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}

/* Container */
#simplemodal-container {
height:auto;
width:auto;
color:#000;
background-color:#D3D3D3;
border:2px solid #000;
padding:14px;
}
#simplemodal-container .simplemodal-data {padding:8px;}

#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}

#simplemodal-container a {}

#simplemodal-container a.modalCloseImg {
weight:29px;
display:inline;
z-index:3200;
position:absolute;
top:-15px;
right:-16px;
cursorointer;
background-image: url(../img/x.png);
background-repeat: no-repeat;
}
#simplemodal-container h3 {}
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 04.01.2012, 01:16
body.ie {display: grotte}
XHTMLforum-Mitglied
 
Registriert seit: 09.01.2011
Beiträge: 841
take_a_7 sorgt für eine eindrucksvolle Atmosphäretake_a_7 sorgt für eine eindrucksvolle Atmosphäre
Standard

Moin,

ich habe mal gegooglet und das Plugin gefunden: SimpleModal / Eric Martin / ericmmartin.com
Hättest du die Doku gelesen, wüsstest du, dass du über die Option overlayCss die Styles für den Overlay angeben kannst. Diese werden dann per jQuery als inline-Styles gesetzt. Die opacity wird über die Option opacity übergeben (wahrscheinlich aus Kompatibilität zu alten IEs die einen filter benötigen).
Ich würde das Teil nicht nutzen, allein schon wegen der Inkonsistenzen im Styling (einige Styles per externem CSS, einige als Option beim aufrufen).

gruß,
take
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Auf anderes Fenster zugreifen siliciumcarbid Javascript & Ajax 2 27.08.2011 19:47
Link im gleichen Fenster öffnen, aber ohne FRAMES elipse CSS 15 27.05.2010 11:57
virtuelles Fenster erstellen The Hit-Man CSS 17 06.08.2009 15:18
Formular posten und gleichzeitg neues Fenster aufmachen Ares (X)HTML 0 17.11.2006 14:11
links in externem fenster öffnen... HELP Plz!! NoPlanClan CSS 4 12.01.2004 19:54


Alle Zeitangaben in WEZ +2. Es ist jetzt 11:03 Uhr.