background-color: transparent, aber wie?

[tukan]

Hallo,

habe mich eben erstmals mit einer javascript navigation auseinandergesetzt und nun soweit alles nach meinen Vorstellungen angepasst, ABER ich bräuchte in diesen Befehlen:

var LowBgColor='ECD6B5';// Background color when mouse is not over
var LowSubBgColor='ECD6B5';// Background color when mouse is not over on subs
var HighBgColor='ECD6B5';// Background color when mouse is over
var HighSubBgColor='ECD6B5';// Background color when mouse is over on subs

die korrekte Eingabe für einen transparenten Hintergrund, meine Versuche waren bis jetzt vergebens,
sofern dass möglich ist!

Ich hoffe auf Hilfe
Dankeschön ;)
Betty

[wahsaga]

hi,

ABER ich bräuchte in diesen Befehlen:

var LowBgColor='ECD6B5';// Background color when mouse is not over
var LowSubBgColor='ECD6B5';// Background color when mouse is not over on subs
var HighBgColor='ECD6B5';// Background color when mouse is over
var HighSubBgColor='ECD6B5';// Background color when mouse is over on subs

Das sind lediglich Wertzuweisungen an Variablen.

die korrekte Eingabe für einen transparenten Hintergrund,

var xyz = 'transparent';

meine Versuche waren bis jetzt vergebens,

Da wir nicht wissen, was mit diesen Werten anschließend angestellt wird, können wir dir auch nicht sagen, wo mögliche Fehler liegen.

Tipps für Fragende

gruß,
wahsaga

[MudGuard]

Hi,

var LowBgColor='ECD6B5';// Background color when mouse is not over
var LowSubBgColor='ECD6B5';// Background color when mouse is not over on subs
var HighBgColor='ECD6B5';// Background color when mouse is over
var HighSubBgColor='ECD6B5';// Background color when mouse is over on subs
Da wir nicht wissen, was mit diesen Werten anschließend angestellt wird,

Die Vermutung liegt nahe, daß da noch ein '#' davorgehängt wird ...

cu,
Andreas

[Cheatah]

Hi,

Die Vermutung liegt nahe, daß da noch ein '#' davorgehängt wird ...

Quatsch! Die Werte werden natürlich aufgesplittet, in Dezimalwerte umgewandelt und zu gültiger rgb()-Syntax zusammengefügt. Im Grunde muss man das also nur so umformen, dass statt dessen rgba() erzeugt wird.

Cheatah, SCNR

P.S.: Zumindest der Satz nach dem Ausruf ist gar nicht mal so sinnfrei, wenn mit den Farben noch gerechnet werden soll (heller/dunkler, Kontrastfarbe, ...).

[tukan]

Im Grunde muss man das also nur so umformen, dass statt dessen rgba() erzeugt wird.

Hm, ok, und wie?

*wink*
Betty

[Gunnar Bittersmann]

Hello out there!

Im Grunde muss man das also nur so umformen, dass statt dessen rgba() erzeugt wird.
Hm, ok, und wie?

Du wandelst die hexadezimalen Angaben in dezimale um und ergänzt den Wert der Opazität. [CSS3-COLOR §4.2.2]

See ya up the road,
Gunnar

PS: Erwarte nicht, dass ein heutiger Browser das umsetzt.

[tukan]

Da wir nicht wissen, was mit diesen Werten anschließend angestellt wird,

Die Farbwerte stehen für den momentanen Hintergrund der Auswahlkästchen, hier beige #ECD6B5.

Ich brauche sie jedoch ohne Hintergrundfarbe, also transparent, damit die Kästchen auf den verschiedenen in der Navigation verlinkten Unterseiten den Hintergrund der jeweiligen Unterseite annehmen.
Ansonsten, wenn es garnicht möglich ist den background transparent zu halten, müsste ich für jede Unterseite eine einzeln farbig abgesimmt js seite anlegen, wäre ja eigentlich unsinnig.

Die Vermutung liegt nahe, daß da noch ein '#' davorgehängt wird ...

cu,
Andreas

Auch mit '#' komme ich leider auf keinen grünen Nenner, da wird mir dann gleich ein Scriptfehler angezeigt:-/

Ich hoffe, ich habe mich nun verständlicher ausgedrückt, und ihr könnt mir helfen.
Dankeschön
Betty

[MudGuard]

Hi,

Ich hoffe, ich habe mich nun verständlicher ausgedrückt, und ihr könnt mir helfen.

Nein. Du hast den relevanten Teil des Scripts immer noch nicht gezeigt - den, wo die Variablen mit den Farbwerten verwendet werden.

cu,
Andreas

[Tukan]

Hi,

Ich hoffe, ich habe mich nun verständlicher ausgedrückt, und ihr könnt mir helfen.

Nein. Du hast den relevanten Teil des Scripts immer noch nicht gezeigt - den, wo die Variablen mit den Farbwerten verwendet werden.

cu,
Andreas

Oh, okay, sorry.
HIer das gesamte script, ohne jegliche Änderungen meinerseits:

var NoOffFirstLineMenus=5;   // Number of first level items
 var LowBgColor='white';   // Background color when mouse is not over
 var LowSubBgColor='white';   // Background color when mouse is not over on subs
 var HighBgColor='black';   // Background color when mouse is over
 var HighSubBgColor='black';   // Background color when mouse is over on subs
 var FontLowColor='black';   // Font color when mouse is not over
 var FontSubLowColor='black';   // Font color subs when mouse is not over
 var FontHighColor='white';   // Font color when mouse is over
 var FontSubHighColor='white';   // Font color subs when mouse is over
 var BorderColor='black';   // Border color
 var BorderSubColor='black';   // Border color for subs
 var BorderWidth=1;    // Border width
 var BorderBtwnElmnts=1;   // Border between elements 1 or 0
 var FontFamily="arial,comic sans ms,technical" // Font family menu items
 var FontSize=9;    // Font size menu items
 var FontBold=1;    // Bold menu items 1 or 0
 var FontItalic=0;    // Italic menu items 1 or 0
 var MenuTextCentered='left';   // Item text position 'left', 'center' or 'right'
 var MenuCentered='left';   // Menu horizontal position 'left', 'center' or 'right'
 var MenuVerticalCentered='top';  // Menu vertical position 'top', 'middle','bottom' or static
 var ChildOverlap=.2;    // horizontal overlap child/ parent
 var ChildVerticalOverlap=.2;   // vertical overlap child/ parent
 var StartTop=240;    // Menu offset x coordinate
 var StartLeft=1;    // Menu offset y coordinate
 var VerCorrect=0;    // Multiple frames y correction
 var HorCorrect=0;    // Multiple frames x correction
 var LeftPaddng=3;    // Left padding
 var TopPaddng=2;    // Top padding
 var FirstLineHorizontal=0;   // SET TO 1 FOR HORIZONTAL MENU, 0 FOR VERTICAL
 var MenuFramesVertical=1;   // Frames in cols or rows 1 or 0
 var DissapearDelay=1000;   // delay before menu folds in
 var TakeOverBgColor=1;   // Menu frame takes over background color subitem frame
 var FirstLineFrame='navig';   // Frame where first level appears
 var SecLineFrame='space';   // Frame where sub levels appear
 var DocTargetFrame='space';   // Frame where target documents appear
 var TargetLoc='';    // span id for relative positioning
 var HideTop=0;    // Hide first level when loading new document 1 or 0
 var MenuWrap=1;    // enables/ disables menu wrap 1 or 0
 var RightToLeft=0;    // enables/ disables right to left unfold 1 or 0
 var UnfoldsOnClick=0;   // Level 1 unfolds onclick/ onmouseover
 var WebMasterCheck=0;   // menu tree checking on or off 1 or 0
 var ShowArrow=1;    // Uses arrow gifs when 1
 var KeepHilite=1;    // Keep selected path highligthed
 var Arrws=['tri.gif',5,10,'tridown.gif',10,5,'trileft.gif',5,10]; // Arrow source, width and height

function BeforeStart(){return}
function AfterBuild(){return}
function BeforeFirstOpen(){return}
function AfterCloseAll(){return}

// Menu tree
// MenuX=new Array(Text to show, Link, background image (optional), number of sub elements, height, width);
// For rollover images set "Text to show" to:  "rollover:Image1.jpg:Image2.jpg"

Menu1=new Array("Home","http://www.dynamicdrive.com","",0,20,138);

Menu2=new Array("News","blank.htm","",2);
 Menu2_1=new Array("General","blank.htm","",5,20,150);
  Menu2_1_1=new Array("CNN","http://www.cnn.com","",0,20,150);
  Menu2_1_2=new Array("ABCNews","http://www.abcnews.com","",0);
  Menu2_1_3=new Array("MSNBC","http://www.msnbc.com","",0);
                Menu2_1_4=new Array("CBSNews","http://www.cbsnews.com","",0);
                Menu2_1_5=new Array("Canadian News","http://news.bbc.co.uk","",2);
                          Menu2_1_5_1=new Array("Vancouver Sun","http://www.vancouversun.com","",0,20,150);
                          Menu2_1_5_2=new Array("CTV News","http://www.ctvnews.com","",0);
 Menu2_2=new Array("Technology","blank.htm","",3);
  Menu2_2_1=new Array("TechWeb","http://www.techweb.com","",0,20,200);
  Menu2_2_2=new Array("News.com","http://www.news.com","",0);
  Menu2_2_3=new Array("Wired News","http://www.wired.com","",0);

Menu3=new Array("Search Engines","blank.htm","",3);
 Menu3_1=new Array("Altavista","http://www.altavista.com","",0,20,150);
 Menu3_2=new Array("Google","http://www.google.com","",0);
 Menu3_3=new Array("Yahoo","http://www.yahoo.com","",0);

Menu4=new Array("Webmaster","blank.htm","",4);
 Menu4_1=new Array("Dynamic Drive","http://www.dynamicdrive.com","",0,20,180);
 Menu4_2=new Array("JavaScript Kit","http://www.javascriptkit.com","",0);
 Menu4_3=new Array("Freewarejava","http://www.freewarejava.com","",0);
 Menu4_4=new Array("Web Review","http://www.webreview.com","",0);

Menu5=new Array("Other","javascript:top.location.href='blank.htm'","",1);
 Menu5_1=new Array("Author's Site","http://www.burmees.nl/","",0,20,140);

\*wink\*  
Betty

[MudGuard]

Hi,

Nein. Du hast den relevanten Teil des Scripts immer noch nicht gezeigt - den, wo die Variablen mit den Farbwerten verwendet werden.
HIer das gesamte script, ohne jegliche Änderungen meinerseits:

In dem Script (-Teil?) werden zwar viele ...Color-Variablen mit Werten belegt, aber nicht eine einzige davon wird irgendwo benutzt.

cu,
Andreas

[tukan]

Hi,

Nein. Du hast den relevanten Teil des Scripts immer noch nicht gezeigt - den, wo die Variablen mit den Farbwerten verwendet werden.
HIer das gesamte script, ohne jegliche Änderungen meinerseits:

In dem Script (-Teil?) werden zwar viele ...Color-Variablen mit Werten belegt, aber nicht eine einzige davon wird irgendwo benutzt.

cu,
Andreas

Ähm, zu Hülf, bitte hebe mich nun mal einen halben Meter beseite, nun stehe ich völlig auf der Leitung :-/

Am besten gebe ich dir die Quelle des scripts, da kannst du dir die Navigation als Demo, so wie sie im script dargestellt ist, mit den verwendeten Farbwerten auch gleich ansehen.

http://www.dynamicdrive.com/dynamicindex1/hvmenu/

Danke für dein Geduld bis jetzt ;-)
Betty

[wahsaga]

hi,

Die Vermutung liegt nahe, daß da noch ein '#' davorgehängt wird ...

Auch mit '#' komme ich leider auf keinen grünen Nenner, da wird mir dann gleich ein Scriptfehler angezeigt:-/

Andersherum war's gemeint:

Andreas hat vermutet, dass vor die von dir angegebenen Werte wie 'ECD6B5' noch ein '#' gesetzt wird, um sie zu gültigen CSS-Farbwerten zu machen.

Wenn du jetzt 'transparent' angibst, würde daraus '#transparent' werden - ist natürlich ungültig.

Wenn(!) das der Fall wäre, müsstest du also die Stelle suchen, wo da s '#' vor den Wert gehängt wird, und dieses Verhalten sinnvoll abändern - z.B., dass das '#' vor keinen Wert mehr davorgesetzt wird, so dass du dann Farbwerte explizit mit '#ECD6B5' angibst - und 'transparent' eben ohne.

gruß,
wahsaga