Hi,

onmouseover="blowup(this);"
blowup = function(obj) {

ja, das ist die Primitiv-Variante, die solange gilt, wie noch nicht das gesamte Framework zur Verfügung steht. Der eigentliche Effekt entstammt der - tadaa! - effectLib.js, welche die dynLib.js benötigt, die von der base.js abhängt. Aber tröste Dich: Während Du (Originalposter) die beiden *Lib.js wesentlich verstehen müsstest, werden aus der base.js nur relativ simple Funktiönchen verwendet, sofern ich mich gerade recht erinnere. Naja, und diverse Prototype-Ergänzungen, versteht sich. Ach ja: Die prototype.js könnte ebenfalls relevant sein, die ist aber immerhin dokumentiert.

Ich gehe natürlich davon aus, dass Du nur abguckst, nicht kopierst. Das wäre schließlich strafbar, gelle?

Cheatah

1. Kommt dieser QUelltext in den HEAD oder in den BODY
2. onmouseover="blowup(this);" blowup(this)?
                               was?
3. if (!document.getElementById) { return true; }

wie bestimme ich die Element-ID und wie sieht das konkret aus?

4. var items = obj.parentNode.getElementsByTagName('li');

wie bestimme ich den TagName? Im Head? Oder an dem Ort, wo ich es aufrufen will?

('li') kommt nur einmal vor! ist das der Befehl zum Einleiten des Blowup?

5. ist das alles?

6. Gibt es kein konkreteres Beispiel, mit eingebundenen Bildern und Text? Außer Web.de!

7. Vielen Dank für die Mühe

Hi,

Ich habe den Code für Testzwecke ersteinmal assimiliert, alles wird auch angezeigt, jedoch entsteht kein POP-Up-Effekt.
Warum nicht?

aus zumindest zwei Gründen. Erstens:

<script type="text/javascript" src="weissberg.euajaxLib.js"></script>

Hier fehlt ein Slash. Und zweitens:

</head>

Kein CSS. Der BlowupEffect basiert wesentlich auf der Veränderung von Klassen. Wenn diese zu keiner Darstellung genutzt werden, könnte die Darstellung nicht Deinen Wünschen entsprechen.

Cheatah

Das ist tatsächlich ein verfrühtes Weihnachtsgeschenk, mit dem ich tatsächlich ohne weitere Erläuterungen arbeiten kann. Herrlich!

Vielen Dank

Cybaer,

wie beende ich diesen Thread?
Einfach "Hat geholfen" schreiben?
Ich sehe hier keine FUnktion dafür

Hallo,

<div class="news">
<div class="intro">Kurztext 1</div>
<div class="text">Langtext 1</div>
</div>

Da eignet sich statt div-Suppe eine ul mit hX-Übershcriften und p-Elementen oder eine dl. Dann ist das Durchlaufen des DOM auch viel performanter möglich, da man nicht die Klassen von unzähligen divs im Dokuments abfragen muss.

function displayNews(newsObj,ignoreOld) {
  if(!ignoreOld) {
   initNews["activeNews"].getElementsByTagName('div')[1].style.display='none';
   initNews["activeNews"].getElementsByTagName('div')[0].style.display='block';
   initNews["activeNews"]=newsObj;
  }
  initNews["activeNews"].getElementsByTagName('div')[0].style.display='none';
  initNews["activeNews"].getElementsByTagName('div')[1].style.display='block';
}

getElementsByTagName muss hier nur einmal ausgeführt werden (wobei man Referenzen zwischen den zu einer News gehörigen Elementen auch schon beim Initialisieren einrichten kann).

Wieso gerade initNews["activeNews"] schreiben, aber alle anderen Unterobjekte mit der Punkt-Notation ansprechen?

Mathias