[JS] JavaScript PopUp Problem...

Eliah · 14. Oktober 2004

Hallo Zusammen!

Ich hab da ein kleines Problem und ich hoffe Ihr könnt mir da vielleicht weiterhelfen:

Auf meiner Page möchte ich anhand eines Buttons zusätzliche Information einblenden lassen.

Dazu stehen mir folgende zwei Befehle zur Verfügung:

VARIANTE 1:

Code:

<IMG onclick="MM_popupMsg('...text...')" height   =14 src="images/info.gif" width=14 border=0 >

VARIANTE 2:

Code:

<IMG onmouseover="MM_popupMsg('...text...')" height=14 src="images/info.gif" width=14 border=0 >

Leider haben beide Varianten einen Nachteil:

Bei Variante 1 öffnet sich das Info-Fenster bei einem Mausklick auf den Button.
Nachteil:
Befindet sich nun dieser Button relativ weit unten auf der Seite, springt beim schließen des Fensters, die Bildschirmansicht an den Anfang der Seite zurück.

Bei Variante 2 öffnet sich das Info-Fenster bereits beim darrüberfahren mit der Maus.
Nachteil:
Leider kommt man des öfteren beim scrollen versehentlich auf den Button, was mit der Zeit etwas hinderlich ist.
Der Vorteil ist aber, das nach dem schließen des Info-Fensters die Bildschirmansicht nicht verschoben wird.

Ich bin nun auf der Suche nach einer Lösung die praktisch einen Kompromiss aus Variante 1 & 2 darstellt.

Zum einen sollte das Info-Fenster erst bei einem klick auf den Button geöffnet werden, und zum anderen sollte die Bildschirmansicht nach dem schließen des Fensters nicht verschoben werden.

Kann mir das jemand weiterhelfen?

Gruß Eliah

Crunchtime · 14. Oktober 2004

Re: [JS] Java PopUp Problem...

ich hätte da einen kleinen vorschlag:

<a href="javascript:alert('hier die info')"><img src="hier das pic" border="0"></a>

ich habs ganz fix getestet...es wird NICHT gescrollt, d.h. es wird deine bedingung erfüllt =)

Eliah · 14. Oktober 2004

Re: [JS] Java PopUp Problem...

Jo! Super klappt!

Ist genau das was ich wsuchte!

Eliah · 14. Oktober 2004

Re: [JS] Java PopUp Problem...

Ich hab da noch ne Frage in Bezug auf dieses PopUp Fenster:

Ist es möglich in diesem Fenster den Titel festzulegen, so wie z.B. bei jeder x-belibigen Page mit den Befehle:

[titel] text [/titel]

?

Herzlichen Dank für die Hilfe!

Crunchtime · 14. Oktober 2004

Re: [JS] Java PopUp Problem...

hmm..also mir fällt im moment leider nichts dazu ein..

ich habe aber noch eine zweite lösung für dich...
du kannst es auch etwas eleganter lösen...diese popups (bzw alerts) sind zwar schön und gut, nehmen aber nur wenig text auf bzw sehen sehr "unprofessionell" aus
wenn du beschreibungen etc in einem externen fenster zeigen willst, dann würde ich das so machen:

kopiere folgendes in deinen header (also zw. <head> und </head>)

Code:

<SCRIPT LANGUAGE="JavaScript">
function popup(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0, scrollbars=1, location=0, statusbar=0, menubar=0, resizable=0, width=xxx, height=xxx, left = 0, top = 0');");
}
// End -->
</script>

zur erklärung: 0 = aus und 1 = an ...d.h. du kannst zb die adresszeile anzeigen lassen oder bspw die scrollbars entfernen
width und height geben die feste breite bzw höhe an...
left ist der abstand nach links und top zum oberen rand

um das popup nun zu öffnen, musst du bei der grafik folgendes schreiben:

<a href="javascript

opup('infos/info123.html')"><img src="hier das pic" border="0"></a>

dann wird bei dem klick ein fenster mit deinen obigen maßen etc geöffnet, wo die datei info123.html (mit deiner immer ersetzen) angezeigt wird...vorteil->kannst grafiken anzeigen, viel text schreiben und und und

noch ein tipp: lege dir zuvor ein neues verzeichnis an, wo du die ganzen infos speicherst..

soah...und noch als kleine alternative, kannst du bei puren mouseover auf die grafik einen text anzeigen lassen

<img src="hier die datei" border="0" alt="hier der text, der beim mouseover angezeigt werden soll">

wenn du noch fragen hast, dann immer her damit...
kannst auch zb auf meiner seite im forum etc schreiben, da ich da öfters vertreten bin...
www.maxim4u.tk

Raechaer · 14. Oktober 2004

Re: [JS] Java PopUp Problem...

Crunchtime schrieb:
soah...und noch als kleine alternative, kannst du bei puren mouseover auf die grafik einen text anzeigen lassen
<img src="hier die datei" border="0" alt="hier der text, der beim mouseover angezeigt werden soll">

Das stimmt so nicht ganz, alt ist der Text der als Alternative angezeigt wird wenn das Bild nicht angezeigt wird, wenn du bei mouseover Text anzeigen lassen willst muss der ins title-Attribut.

Crunchtime · 14. Oktober 2004

Re: [JS] Java PopUp Problem...

http://maxim.3space.info/pic_detail.php?id=963
mach mal bitte einen mouseover auf das große bild

Raechaer · 14. Oktober 2004

Re: [JS] Java PopUp Problem...

Crunchtime schrieb:
http://maxim.3space.info/pic_detail.php?id=963
mach mal bitte einen mouseover auf das große bild

Wie erwartet passiert da bei mir nichts, denn Firefox hält sich an den Standard und zeigt alt-Text nicht als Popup an.

Crunchtime · 14. Oktober 2004

Re: [JS] Java PopUp Problem...

hmm..na gut...ich lasse mich eines besseren belehren

ich werde mir heute mal firefox saugen und auch mal meine page(s) auf den alternativen browsern testen...

und das obwohl 98% meiner besucher den ie nutzen

^^

Raechaer · 14. Oktober 2004

Re: [JS] Java PopUp Problem...

Crunchtime schrieb:
hmm..na gut...ich lasse mich eines besseren belehren

ich werde mir heute mal firefox saugen und auch mal meine page(s) auf den alternativen browsern testen...

Wunderbar, dann musst du nur noch ein paar HTML-Fehler beseitigen und schon hast du eine standardkonforme Seite

Eliah · 14. Oktober 2004

Re: [JS] Java PopUp Problem...

Crunchtime schrieb:
http://maxim.3space.info/pic_detail.php?id=963
mach mal bitte einen mouseover auf das große bild

Jo, stimmt. Mit Firefox klappt es leider nicht. Mit IE schon.

Aber ich finde die alternative mit dem html Fenster recht interessant. Ich werd sie mal austesten und gebe bescheid. Danke!

Eliah · 14. Oktober 2004

Re: [JS] Java PopUp Problem...

@Crunchtime:

Die zweite Lösung ist echt super. Danke!
Hab da noch ne Frage:

Im Header wird über Java die grösse des Fensters bestimmt.
Den Scrollbalken hab ich abgeschaltet. (sieht besser aus).

Da ich aber relativ viele informationsseiten erstellen möchte, die jeweils eine recht unterschiedliche Menge an informationen enthalten, währe es gut für jede .html Seite die grösse einzeln zu bestimmen. (Sieht einfach besser aus).

Ist das irgendwie möglich?

Raechaer · 14. Oktober 2004

Re: [JS] Java PopUp Problem...

Du kannst das Script so abändern, dass du auch die Größe des zu öffnenden Fensters übergibst:

HTML:

 <script type="text/javascript">
   // <![CDATA[
   <!--
   function popup(URL,w,h)
   {
    day = new Date();
    id = day.getTime();
    eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0, scrollbars=1, location=0, statusbar=0, menubar=<0, resizable=0, width='+w+', height='+h+', left = 0, top = 0');");
   }
   //-->
   // ]]>
  </script>

Aufrufen kannst du das dann z.B. mit

HTML:

<a href="javascript:popup('infos/info123.html',800,600)"><img src="Bild" alt=''></a>

Eliah · 14. Oktober 2004

Re: [JS] Java PopUp Problem...

WOW ! Danke Ich werde es mal testen...

Eliah · 15. Oktober 2004

Re: [JS] Java PopUp Problem...

Raechaer schrieb:
Aufrufen kannst du das dann z.B. mit

HTML:

<a href="javascript:popup('infos/info123.html',800,600)"><img src="Bild" alt=''></a>

Sorry, aber für was steht - alt='' - zum Schluss?

PuppetMaster · 15. Oktober 2004

alt steht für "alternativen Text", also Text, der angezeigt (oder für Sehbehinderte vorgelesen) wird, wenn das Bild nicht dargestellt werden sollte.
title stünde für den Tooltip-Inhalt, also das Info-Feld, wenn man mit dem Mauszeiger länger aufs Bild zeigt. Deshalb sinnigerweise immer ein alt- und ein title-Attribut mit angeben.

Der IE verwendet auch den Inhalt des alt-Atrributes als Tooltip, wenn kein title angegeben sein sollte. Ist aber nicht im Sinne der Erfindung.

Wenn das alt-Attribut fehlt, meldet der HTML-Validator einen Fehler. alt="" ist eigentlich nur ein Beschiss, damit dies unterdrückt wird.

Eliah · 15. Oktober 2004

Jo! Cool! Danke!

Eliah · 15. Oktober 2004

Re: [JS] Java PopUp Problem...

@Raechaer:]

Ich hab lediglich einen kleine Codefehler entdeckt:

Code:

 menubar=<0

Korektur

Code:

 menubar=0

is ja nur was kleines...

Ich hab noch ein ganz anderes Problem:
Ich habe ich die Statusbar auf "off" gestellt.
Und so dürfte sie eigentlich nicht zu sehen sein.

Was ich aber absolut nicht packe:

Offline wird unter IE & Firefox die Statusbar nicht angezeigt.
Online wird sie aber vom IE angezeigt und vom Firefox nicht!!

Woran liegt das und gibt es eventuell eine Lösung dafür?

Raechaer · 15. Oktober 2004

Re: [JS] Java PopUp Problem...

Eliah schrieb:
is ja nur was kleines...

Hoplla, wie kommt das '<' denn da hin...

Eliah schrieb:
Offline wird unter IE & Firefox die Statusbar nicht angezeigt.
Online wird sie aber vom IE angezeigt und vom Firefox nicht!!

Woran liegt das und gibt es eventuell eine Lösung dafür?

Als Sicherheitsmaßnahme gegen phishing gibt es keine chromeless Windows mehr. Firefox zeigt bei mir die Statusbar immer an, IE unterscheidet da anscheinend zwischen den Sicherheitszonen Internet und lokal.
Lösung gibt's dafür (hoffentlich) keine.

Eliah · 15. Oktober 2004

Hm...Schade. Aber ok. Danke für die Infos.
Dann muss ich das wohl doch mit einem Alert Fenster machen....

[JS] JavaScript PopUp Problem...

Cadet 4th Year

Lt. Commander

Cadet 4th Year

Cadet 4th Year

Lt. Commander

Lt. Junior Grade

Lt. Commander

Lt. Junior Grade

Lt. Commander

Lt. Junior Grade

Cadet 4th Year

Cadet 4th Year

Lt. Junior Grade

Cadet 4th Year

Cadet 4th Year

Admiral Pro

Cadet 4th Year

Cadet 4th Year

Lt. Junior Grade

Cadet 4th Year

Ähnliche Themen