---
title: "Rollover mit JavaScript"
url: "https://www.typo3.net/d/38432-rollover-mit-javascript"
source: "typo3.net"
tags: ["Allgemein","Frage"]
created: "2006-02-24"
last_reply: "2006-02-25"
replies: 6
solved: false
page: 1
pages: 1
lang: "de"
---

# Rollover mit JavaScript

Allgemein · 6 Antworten · gestartet 2006-02-24

## Eröffnungsbeitrag

**onetit** · 2006-02-24 · [Beitrag #1](https://www.typo3.net/d/38432-rollover-mit-javascript/1)

Hallo

Ich eine Einstiegsseite mit Bildern, hinter denen ein Link auf die eingendliche Seite hinterlegt ist.
Nun habe ich die Bilder so gemacht, das wenn ich mit der Maus drüber fahre, das sie von schwarz weis auf farbig wechseln.

Wenn ich die Datei ausserhalb von Typo3 öffne geht das. Im Typo3 nicht.

Auch wenn ich mir den Quellcode der Seite anschaue, fehlt dort das JavaScript.

Was muss ich machen, das das doch funktioniert.

Besten Dank
gruss onetit

## Antworten

### [#2](https://www.typo3.net/d/38432-rollover-mit-javascript/2) · einpraegsam.​net · 2006-02-24

Das Javascript musst du schon einbinden

Vermutlich über Header.Data

### [#3](https://www.typo3.net/d/38432-rollover-mit-javascript/3) · onetit · 2006-02-24

Hallo

Hmmmm, habe ich auch schon versucht.
Das ist mein TS, geht aber nicht. Ich habe es im Setup auf der Seite eingebaut, welche das Rollover macht.

```typoscript
seite = PAGE
seite {
typeNum = 0

   10 = TEMPLATE
   10.template = FILE
   10.template.file = fileadmin/index.html
   10.workOnSubpart = DOKUMENT

########## JavaScript einbinden ##########

    page.headerData.20 = TEXT
    page.headerData.20.value (
    <script language="JavaScript" type="text/javascript">
<!--
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x="" ifx="" dgetelementbyid="" return="" function="" mm_nbgroupevent="" grpname="" v60="" var="" iimgnbarrargs="MM_nbGroup.arguments;" if="" event="init" argslength=""> 2) {
    if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
      img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
      if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
      nbArr[nbArr.length] = img;
      for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
        if (!img.MM_up) img.MM_up = img.src;
        img.src = img.MM_dn = args[i+1];
        nbArr[nbArr.length] = img;
    } }
  } else if (event == "over") {
    document.MM_nbOver = nbArr = new Array();
    for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
      if (!img.MM_up) img.MM_up = img.src;
      img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])?args[i+1] : img.MM_up);
      nbArr[nbArr.length] = img;
    }
  } else if (event == "out" ) {
    for (i=0; i < document.MM_nbOver.length; i++) { img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
  } else if (event == "down") {
    nbArr = document[grpName];
    if (nbArr) for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
    document[grpName] = nbArr = new Array();
    for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
      if (!img.MM_up) img.MM_up = img.src;
      img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
      nbArr[nbArr.length] = img;
  } }
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i="" if="" aiindexof="0){" dmm_pj="new" image="" dmm_pjsrc="a[i];}}" --="">
</script>

      ) 

########## Ende ##########

}
```

Warum geht das nicht?

Besten Dank
onetit

### [#4](https://www.typo3.net/d/38432-rollover-mit-javascript/4) · theo · 2006-02-25

> **onetit schrieb:**
>
> Warum geht das nicht?

Weil Du folgendes ins Setup geschrieben hast:

```typoscript
seite.page.headerData.20 = TEXT
...
```

Alles klar?

### [#5](https://www.typo3.net/d/38432-rollover-mit-javascript/5) · onetit · 2006-02-25

Hallo Theo

Was soll denn sonst dort stehen?
Gib mir bitte einen Tipp.

gruss onetit

### [#6](https://www.typo3.net/d/38432-rollover-mit-javascript/6) · theo · 2006-02-25

> **onetit schrieb:**
>
> Was soll denn sonst dort stehen?
> Gib mir bitte einen Tipp.

Tipp: Überleg Dir mal, was "page" bzw. "seite" überhaupt bedeutet und woher es kommt.

Dein Typoscript erzählt hatlt deutlich, daß Du es einfach irgendwo blind abgeschrieben, aber eben nicht verstanden hast.

### [#7](https://www.typo3.net/d/38432-rollover-mit-javascript/7) · onetit · 2006-02-25

Danke Theo

Hast mir sehr geholfen.
Jetzt gehts.

Gruss onetit

---

Quelle: „Rollover mit JavaScript“, typo3.net, https://www.typo3.net/d/38432-rollover-mit-javascript
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.