Hallo alle miteinander,

wir sind gerade dabei eine neue Website zu machen (Onepager) zu gestalten. Hier das Beispiel: http://test.swennen.com/bsp2016
Unter dem Menüpunkt "work" gibts verschiedene Buttons, die jeweils ein Shadow-Window mit unseren Arbeiten zeigen. Leider ist derzeit recht unelegant die Rückführung zum Onepager gelöst. Da wäre besser ein Button (X), der dann direkt auf den Onepager zum Anker "work" führt. Derzeit hupft das immer leider rauf.
Wie kann ich das im Javascript (oder sonst wie) machen? Weiß jemand von euch einen Rat?

Bitte um Feedback von den Pros. Danke für eure Hilfe!
Lenny

Hallo,

die Seite ist doch nicht mit WA gemacht,oder?

Ja, alles mit Wa gemacht. Dafür gibt es auch unter http://www.tontonduweb.com gute Templates, die man als Ausgangspunkt mit leichten Modifikationen verwenden kann.

Zitat von lenswenn im Beitrag #3

---

Ja, alles mit Wa gemacht. Dafür gibt es auch unter http://www.tontonduweb.com gute Templates, die man als Ausgangspunkt mit leichten Modifikationen verwenden kann.

---

Problem gelöst: Es war ein kleiner "Scriptbug", der dem Fenster veranlasst hat, leicht nach oben zu scrollen. Schön wäre noch, wenn man auf den (X) Button klickt, und dann einfach das Shadow-Window verschwindet. So baut die Site halt einfach neu auf, bzw. Pros klicken einfach neben das Fenster ;-)

Anbei das Ergebnis, wobei es für Mobile Geräte auch eine Weiche gibt, die automatisch auf die Mobile-Site linkt. Einfach zuerst per Browser und dann mit z.B. iPhone probieren: http://www.bs-p.at

Liebe Grüße an die WA-Gemeinde
lenswenn

tolle Seite :-)
wenn man bei "work" in der lightbox auf das x klickt kommt man auf eine "Error occurred: 404 - not found" seite.
das sollte man noch ändern.

l.g. aus der Steiermark Rainer m. Fürstaller

Hoppala. Wie recht Du hast. Haben wir mal rasch ausgebessert. Der Link ging noch zur Testsite. Wobei aber:

Gaaanz zufrieden sind wir mit dem Button nicht, da durch Klick auf (X) eine NEUE (!) Site aufgebaut wird.

FRAGE:
Wie kann ich durch Javascript (oder durch einen Link, oder sonst wie), einfach das Shadow Window verschwinden lassen??

Und ja. DANKE für die Blumen für "schöne Site". Das macht Freude :-))

Gott Didi, bin ich ein Dödel. Na klar :-)) "Ausblenden..."

DAAAAANKE!

Hab´s bereits ausgebessert und online gestellt. Nochmals vielen, vielen Dank für Deine professionelle Hilfe!!!

Liebe Grüße
Lenny

Vielen Dank für das Lob :-) wir alle sind gespannt auf WA5. Soll ra ein richtiger Kracher werden.

FRAGE:
In unserer Agentur können einige nicht das java-Scrip beenden und es endet im ERROR (siehe Pic anbei). Hat wahrscheinlich damit zu tun, dass einige User Java ausgeschaltet bzw. nicht richtig installiert haben. Habt ihr einen Tipp, wie wir das Fenster auch OHNE java beenden können?

Danke für eure Hilfe und liebe Grüße
Lennyjava.png - Bild entfernt (keine Rechte)

Didi, ich bitte um Gnade. Dödel ist zwar richtig, aber die Bemühung ist da. Uff.

Ich habs mal zusammen geschrieben (unten der Scriptverlauf). Vielleicht kannst Du ja - sofern Du Zeit hast - kurz drüberschaun und mir sagen, wo ich den Fehler eingebaut habe?
Für jede Hilfe bin ich Dir natürlich sehr dankbar!

Hier der Verlauf:
In Eigenschaften dieser Site ist folgendes Script:

<style> #overlay {width:100%;height:100%;background-color: rgba(0,0,0,0.8);top:0;position:fixed;left:0;opacity:0;display:none;z-index:90000;cursor:pointer;} #newscontainer {width:1100px;height:700px;position:absolute;left:50%;top:50%;margin-top:-400px;margin-left:-550px;}</style>

<script>/* copyright by Dietmar Schönwandt @ http://www.blog.schoenwandt.info */ var adresse = ""; function einblendenOverlay(adresse) {
document.getElementById('newscontainer').src=adresse;with(document.getElementById('overlay').style){display='block'};$('#overlay').animate({opacity:1}, 00 );} function ausblendenOverlay() {$('#overlay').animate({opacity:0}, 00 ); setTimeout('with(document.getElementById("overlay").style){display="none";}',00);setTimeout('playStop()',0);} function playStop() {var adresse="#";document.getElementById('newscontainer').src=adresse;}</script>

----------------

Beim Klick auf "work" landet man am Anker über den Pics der Abeiten. Dort steht folgender (unsichtbarer) Html_Code:
<div id="overlay" onclick="ausblendenOverlay()"><iframe id="newscontainer" frameborder="0" width="800px" height="600px" src="#" scrolling="no"></iframe></div>

----------------

Onklick aufs Pic (Beispiel "Plakat" ist kein Link, sondern ein JS-Script integriert:
adresse='http://bs-p.at/bergbauer|swennen|partner-plakat.html'; parent.einblendenOverlay(adresse);

----------------
Auf Klick auf den Button (X) beim Shadow-Window ist auch kein Link, sondern das JS-Script integriert:
adresse='http://www.bs-p.at'; parent.ausblendenOverlay(adresse);

Didi, Du bist echt gemein ;-)

Ich bin am Ende meiner geringen Web-Weisheit. Kannst Du mir nicht vielleicht noch einen Tipp geben?

Hab jetzt auf unserer Site: www.bs-p.at unter "work" bei Plakat diverse Scripts drinnen, aber keiner funkt. Verd....t, was mach ich falsch?

Bitte um HIIIILFEEEE. Daaaaaaaanke!

Tja, wirklich unterstützend/zielführend ist das nicht, aber Du kannst Dich eigentlich schon glücklich schätzen, normalerweise kommt nur ein "benutze die Suchfunktion"!

He, Leute: Vertragt euch :-))
Didi hat mir ja schon ein par Mal geholfen, deswegen war ich so frech und hab´ganz einfach nochmal um seine Hilfe gebeten. Sein Hinweis ist etwas undurchsichtig für mich, ich werde aber versuchen mich durchzukämpfen. Oder aber - vielleicht gibts eine Ausnahme (?) - und ich bekomme noch einen kleinen Tipp?????

Aufrufen tuts ja das Shadow Window korrekt, aber mit dem Scrip "onklick......" am Button (X) (work/plakate) passiert mal rein gar nix. Und da hab ich wirklich einiges durchprobiert.

Also, vielleicht hat ja jemand ein Herz (UND Zeit)?
Liebe Grüße
Lenny

Wenn ich das mit dem Code könnte, hätte ich ihm das schon erklärt!
Und zwar OHNE den meistgebrauchten Forumssatz nochmals als Zitat anzuführen (wie bei mir üblich!).

Hi Didi,
zuerst mal ein dickes DANKE für Deine Hilfe und vor allem auch, dass Du Dir Zeit nimmst :-))

Das Script funkt leider nicht :-/
Das Shadow-Window geht zwar an der richtigen Position auf, lässt sich aber nicht wegklicken (Stript-Fehlermeldung). Siehe: www.bs-p.at/work/plakat (ist nur dort belegt)

Ich überlege mir jetzt, ob ich das nicht eventuell mit einem html-Scrip (Button beim dem Bild "Plakat") mache:

(<script type="text/javascript">
function open_win()
{
window.open("http://bs-p.at/bergbauer|swennen|partner-plakat.html","_blank","toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=no, width=1100, height=600") }
</script>
<form>
<input type="button" value="test_popup" onclick="open_win()"> </form>)

Dann geht halt ein normales Fenster auf, welches ich noch Mittig zentriert positionieren müsste. Aber elegant ist das halt nicht.

Wenn Du einen Rat für mich (und vor allem, wenn Du Zeit hast), bitte lass es mich wissen. DANKE!
Liebe Grüße
Lenny