+ Antworten
Ergebnis 1 bis 4 von 4

Thema: mod_banner im div-container beliebig darstellbar

  1. #1
    Neu an Board
    Registriert seit
    11.01.2010
    Beiträge
    8
    Bedankte sich
    0
    1 Danksagung in 1 Beitrag

    Standard mod_banner im div-container beliebig darstellbar

    Hallo an alle,

    ich suche eine Möglichkeit, Bannerwerbung auf der Seite "einfliegen" zu lassen.
    Was mir bisher gelungen ist:

    - einen div-container id="werbung" in das Template rhuk_milkyway einfügen
    - das Modul mod_banner in diesem Container anzeigen, wenn es vorhanden ist
    - im div wird das Banner angezeigt und darunter ein "(schliessen)"
    - beim Klick auf schliessen wird der div-container unsichtbar

    dazu habe ich im Template, im Bereich <div id="area"> folgenden Code eingefügt:

    Code:
    <?php if($this->countModules('werbung')) : ?>
        <script type="text/javascript">
            function punkt1() {    
               document.getElementById('werbung').style.visibility=('hidden');
            } 
        </script>
        <div id="werbung">
                 <jdoc:include type="modules" name="werbung" />
                 <a href="javascript:punkt1()"><br /><strong>(schliessen)</strong></a>
        </div>
    <?php endif; ?>
    weiterhin in der Datei template.css:

    Code:
    div#werbung {
    padding: 20px;
    border: 4px solid #ffffff;
    position: absolute;
    z-index: 2000;
    background: #000000;/*#F9D50F;*/
    top: 500px;
    left: 25%;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 16px;
    font-color: 0;
    }
    Auf www.neustadttiger.de könnt ihr es sehen. Ich habe diese Homepage ehrenamtlich für die Fußball-Kids vom TUS 1860 Magdeburg Neustadt gestaltet und administriere diese Homepage (auch noch www.sc-norbertus.de und www.elbeu.de).

    Für Werbezwecke sollen die Banner auf der Seite einschweben. Und das nicht sofort, sondern nach einer einstellbaren Zeit. Mit Java kenne ich mich noch nicht so gut aus und brauch eure Hilfe. Ich denke, ich benötige ein Script, das das Vorhandensein des div-containers überprüft und dann dessen Position beeinflusst, aber wie!?

    Danke erstmal
    Johannes
    Geändert von jojo123 (29.04.2010 um 08:34 Uhr)

  2. #2
    Neu an Board
    Registriert seit
    11.01.2010
    Beiträge
    8
    Bedankte sich
    0
    1 Danksagung in 1 Beitrag

    Standard

    Hatte ich noch vergessen:

    Ich würde auch gern das div mit der Maus bewegen können

  3. #3
    Neu an Board
    Registriert seit
    11.01.2010
    Beiträge
    8
    Bedankte sich
    0
    1 Danksagung in 1 Beitrag

    Standard fast fertig

    Ihr seit sehr beschäftigt. Hab schon mal angefangen.

    So weit alles schön, aber die Bewegung, das Einfliegen, funktioniert nicht im FF.

    Code:
    // Positionierung im Dokument
    var obj = document.getElementById('werbung');
    if(obj != null) {
    document.getElementById("werbung").style.top = PosTop;
    document.getElementById("werbung").style.left = TempLeft;
    }
    Hat jemand eine ID? Liegt bestimmt an der Browserkompatibilität. Ich weiß nicht weiter.

  4. #4
    Neu an Board
    Registriert seit
    11.01.2010
    Beiträge
    8
    Bedankte sich
    0
    1 Danksagung in 1 Beitrag

    Ausrufezeichen heureka ich habs

    Also der Fehler lag im Detail. Es muss lauten:

    Code:
    // Positionierung im Dokument
    var obj = document.getElementById('werbung');
    if(obj != null) {
    document.getElementById("werbung").style.top = (PosTop)+"px";
    document.getElementById("werbung").style.left = (TempLeft)+"px";
    }

+ Antworten

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein