Selbstgebasteltes (gewolltes) Pupup

Computer: Software & Programmierung JavaScript & Script-Sprachen
1

Liebe Gemeinde …

… hier der komplette Versuch auf Wunsch von Patrick

nochmal Dank im Voraus für eure Hilfe

Hans

1945-popup
A:link { color:#ff0000 }
A:visited { color:#ff0000 }
A:active { color:#0000ff }
A:hover { color:#0000ff }
body { background-image:url(grund.jpg);
background-attachment:fixed; }
body { scrollbar-base-color:800000;
scrollbar-track-color:ccffcc;
scrollbar-face-color:ffffcc;
scrollbar-highlight-color:800000;
scrollbar-3d-light-color:800000;
scrollbar-dark-shadow-color:800000;
scrollbar-shadow-color:800000;
scrollbar-arrow-color:ff0000; }
.box { background-color:#ffffcc;
border-color:#800000;
border-width:4px;
border-style:solid; }
.box8 {
border-width:2px;
border-style:solid;
border-color:#800000;
text-align:center;
background-color:#ccffcc;
font-familiy:Times;
font-size:14pt;
font-color:#800000;
font-weight:bold;
padding-top:10px;
padding-bottom:10px;
padding-left:4px;
padding-right:4px; }
.box8a {
border-width:2px;
border-style:solid;
border-color:#800000;
text-align:center;
background-color:#ccffcc;
font-familiy:Times;
font-size:12pt;
font-color:#800000;
font-weight:normal;
white-space:nowrap;
padding-top:10px;
padding-bottom:10px;
padding-left:4px;
padding-right:4px; }
.box8a a {
text-decoration:none;
color:#000000;
background:#ffff00;
border:0px; }
.box8a a:visited { color:#ff0000; }
.box8a a:hover { color:#800000; border:0px; cursor:stuck_out_tongue:ointer; }
.box8a a:active { color:#0000ff; }
.box8a a .info1 {
display:none; }
.box8a a:hover .info1 {
display:block;
position:relative;
background:#ffff00;
top:30px;
left:30px;
padding-top:2px;
padding-bottom:2px;
padding-left:6px;
padding-right:6px;
border-width:2px;
border-style:solid;
border-color:#800000; }
.boxa {
border-width:2px;
border-style:solid;
border-color:#800000;
text-align:center;
background-color:#ccffcc;
font-familiy:Times;
font-size:18pt;
font-color:#800000;
font-weight:bold;
padding-top:6px;
padding-bottom:6px;
padding-left:0px;
padding-right:0px; }

var speed = 50
var pause = 2000
var timerID = null
var bannerRunning = false
var ar = new Array()
ar[0] = „die Bundesregierungen der 2. Republik“
var currentMessage = 0
var offset = 0
function stopBanner() {
if (bannerRunning)
clearTimeout(timerID)
bannerRunning = false
}
function startBanner() {
stopBanner()
showBanner()
}
function showBanner() {
var text = ar[currentMessage]
if (offset <text.length) { if (text.charAt(offset)== " ") offset++;var partialMessage=text.substring(0, offset + 1); window.status=partialMessage;offset++;timerID=setTimeout(„showBanner()“, speed);bannerRunning=true } else { offset=0; currentMessage++;if (currentMessage== ar.length) currentMessage=0;timerID=setTimeout(„showBanner()“, pause);bannerRunning=true } }

Liebe Besucher! Ich nutze auf dieser Seite JavaScript - bitte aktiviert das in euerem Browser, damit die Seite richtig angezeigt werden kann.

Die Bundesregierungen der 2. Republik
Provisorische Staatsregierung Renner
Provisorische Staatsregierung Renner
27.04.1945 bis 20.12.1945

Regierung Figl I
20.12.1945 bis 08.11.1949

Regierung Figl II
08.11.1949 bis 28.10.1952

Regierung Figl III
28.10.1952 bis 02.04.1953

2

Ich fange mal an:

  1. fehlen die Semikolons am Ende einer jeden
    Anweisung (siehe unten)
  2. soll das onmouseover=„status’[leer]’;return true;“
    wohl eher onmouseover=„status =’[leer]’;return true;“
    heissen ([leer] ist hier nur Fuellwort)
  3. wird das popup im Mozilla angezeigt, im IE nicht.
    Da musst du vielleicht nochmal rausfrickeln, welche CSS-Anweisungen
    browserkompatibilitaetsprobleme haben.

Gruss, Patrick

var speed = 50;
var pause = 2000;
var timerID = null;
var bannerRunning = false;
var ar = new Array();
ar[0] = "die Bundesregierungen der 2. Republik";
var currentMessage = 0;
var offset = 0;

function stopBanner() {
if (bannerRunning)
clearTimeout(timerID);
bannerRunning = false;
}
function startBanner() {
stopBanner();
showBanner();
}
function showBanner() {
 var text = ar[currentMessage];
 if (offset \<text.length) { 
 if (text.charAt(offset)== " ") 
 offset++;
 var partialMessage=text.substring(0, offset + 1); 
 window.status=partialMessage;
 offset++;
 timerID=setTimeout("showBanner()", speed);
 bannerRunning=true;
 } else { 
 offset=0; 
 currentMessage++;
 if (currentMessage== ar.length) currentMessage=0;
 timerID=setTimeout("showBanner()", pause);
 bannerRunning=true;
 } 
}
3

Lieber Patrick!

  1. Gehe ich recht in der Annahme, daß die fehlenden Semikolon zur „sauberen“ Lösung beitragen (die Statuszeile hat ja funktioniert)?

  2. Auch nach dem Einfügen des = Zeichens schiebt sowohl IE 6.0 als auch NS 7.1 als auch Opera 7.3 beim Überfahren des Pfeiles die ganze Spalte schrecklich durcheinander.

Gruß Hans

4
  1. Gehe ich recht in der Annahme, daß die fehlenden Semikolon
    zur „sauberen“ Lösung beitragen (die Statuszeile hat ja
    funktioniert)?

Korrekt. Ich mache es schon aus Gewohnheit, da es in anderen
Skript- u. Programmiersprachen zwingend erforderlich ist.

IE 6.0 als auch NS 7.1 als auch Opera 7.3 beim Überfahren des
Pfeiles die ganze Spalte schrecklich durcheinander.

Das liegt wohl daran, dass das „Popup“ innerhalb der td ist.
Da es breiter ist, zieht es auch die Tabelle auseinander.

Gruss, Patrick

5

hm …

… wie aber könnte ich das pupup-Fenster sonst platzieren (außen)? Oder müßte man die Sache komplett anders lösen?

Bezüglich fehlender Semikolon - ich hoffe, daß ich das jetzt korrekt gelöst habe?

var speed = 100;
var pause = 3000;
var timerID = null;
var bannerRunning = false;
var ar = new Array();
ar[0] = „die Bundesregierungen der 2. Republik“;
var currentMessage = 0;
var offset = 0;
function stopBanner() {
if (bannerRunning)
clearTimeout(timerID)
bannerRunning = false }
function startBanner() {
stopBanner();
showBanner(); }
function showBanner() {
var text = ar[currentMessage];
if (offset <text.length) {
if (text.charAt(offset)== " ") offset++;
var partialMessage=text.substring(0, offset + 1);
window.status=partialMessage;
offset++;
timerID=setTimeout(„showBanner()“, speed);
bannerRunning=true; }
else {
offset=0;
currentMessage++;
if (currentMessage== ar.length) currentMessage=0;
timerID=setTimeout(„showBanner()“, pause);
bannerRunning=true } }

Gruß Johann

6

… wie aber könnte ich das pupup-Fenster sonst platzieren
(außen)? Oder müßte man die Sache komplett anders lösen?

Ich weiss es jetzt so nicht auf Anhieb. Strukturiere deinen
Code ein bisschen, spiel etwas mit den Parametern herum und
schau dir an was passiert.

Das wird dich sicher noch interessieren:
http://www.meyerweb.com/eric/css/edge/popups/demo.html

Bezüglich fehlender Semikolon - ich hoffe, daß ich das jetzt
korrekt gelöst habe?

Wenn der IE keinen Syntaxerror mehr anzeigt, dann wohl ja.

Gruss, Patrick

7

Liebe Freunde …

… da dieses Problem nicht lösbar scheint, danke ich für die Tips und betrachte das Thema als erledigt.

Gruß Johann