#1 (permalink)  
Alt 09.08.2006, 10:37
Neuer Benutzer
 
Registriert seit: 08.08.2006
Beiträge: 1
Standard onmouseover funktioniert nicht

servus,

ich komme momentan einfach nicht weiter, evtl fällt euch ja eine lösung ein, bzw ihr findet meinen fehler :
(natürlich habe ich schon die suche benutzt, fand aber nichts, was mir geholfen hat)

ich möchte in die navigations-boxen einen mouseover bzw hover effekt einfügen. ziel ist es, den link, der gerade von der maus berührt wird, in einer anderen hintergrundfarbe darzustellen.(nicht nur der text, sondern auf breite des ganzen menues)

als erstes habe ich in den content berreich eine neu tabelle eingefügt -->
jeder neue link im menue bekommt eine eigene tabellen-zeile.

dann habe ich es mit "a" bzw "a:hover" im css versucht, leider kann ich damit nur den hintergrund des textes in der tabellen-zelle verändern. nicht aber den hintergrund der <td> bzw <tr>
also habe ich mich etwas in foren schlau gemacht und bin auf "onmouseover" aufmerksam geworden. da ich aber keine ahnung von java und nur sehr wenig von php habe, komme ich damit leider auch nicht zurecht

hier mein code aus templates/mein_template/source/boxes/content.php
ab line 44

PHP-Code:
$content_string .= '<tr><td id="navRight" onmouseover="this.innerHTML = 'style="font-size:15px;"'><a href="'.xtc_href_link(FILENAME_CONTENT'coID='.$content_data['content_group'].$SEF_parameter).'">'.$content_data['content_title'].'</a></td></tr>';
    } 
//benutze hier font-size:15px statt bg-color

hab den code für "onmouseover" aus selfhtml. aber werd da nicht wirklich schlau.

vielen dank im voraus

ps: ich sitze seid ewigkeiten an dem blöden fehler und find ihn nicht hab auch schon ohne ende an dem code verändert, aber irgendwas stimmt da noch nicht. ist bestimmt wieder ne blödes komma oder so

Geändert von Xboard23 (09.08.2006 um 10:40 Uhr)
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Wong this Post!
Mit Zitat antworten
  #2 (permalink)  
Alt 10.08.2006, 22:51
Benutzer
 
Registriert seit: 21.06.2006
Beiträge: 32
Standard

vergiss den Javascriptquatsch, den Inhalt wandelst Du so, daß nur noch der Link, ohne Umbruch und sonstigem Kram erzeugt wird. Hinzu kommt eine CSS Klasse für die Links("infoBoxInhaltLink").

HTML-Code:
$content_string .= '<a class="infoBoxInhaltLink" href="'.xtc_href_link(FILENAME_CONTENT, 'coID='.$content_data['content_group'].$SEF_parameter).'">'.$content_data['content_title'].'</a>';
Die Box ansicht kann man in diesem Zug auch ein bissen entschlacken.
/templates/.../boxes/box_[box].html
HTML-Code:
{config_load file="$language/lang_$language.conf" section="boxes"}
<p class="infoBoxHeading">{#heading_content#}</p>
<p class="infoBoxContent">{$BOX_CONTENT}</p>
/templates/.../stylesheet.css
HTML-Code:
/* Box Überschrift
 * einfach kopiert von TD.infoBoxHeading.
 */
p.infoBoxHeading {
    font-family     : Verdana, Arial, sans-serif;
    font-size       : 10px;
    font-weight     : bold;
    padding         : 5px;
    padding-left    : 10px;
    background      : #666;
    color           : #fff;
    margin-bottom   : 0;
}
p.infoBoxContent /* Keine Außenabstände */
{
    margin          : 0;
}
a.infoBoxContentLink:link, a.infoBoxContentLink:visited
{
    display         : block;
    font-family     : Verdana, Arial, sans-serif;
    font-size       : 10px;
    padding         : 4px;
    padding-left    : 10px;
    color           : #000;
    background-color: #EEE;
    text-decoration : none;
}
a.infoBoxContentLink:hover
{
    color           : #FFF;
    background-color: #555;
}
Hoffe das hilft für den Anstoß.
ciao, Stefan
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Wong this Post!
Mit Zitat antworten
Antwort

Lesezeichen

Stichworte
funktioniert, onmouseover

Themen-Optionen
Ansicht

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are aus
Pingbacks are aus
Refbacks are aus



Alle Zeitangaben in WEZ +1. Es ist jetzt 09:25 Uhr.

Copyright © 2011 xt:Commerce GmbH / xt:Commerce International Ltd. - All Rights Reserved

xt:Commerce is a SafeCharge brand