The Arcive of Official vBulletin Modifications Site.

Need Help with Javascripts in Header Insert · **Released**: 11-22-2002

I'm having trouble getting my hacked header insert to work properly. Could someone give me a hand cleaning up my code if I pm my insert for a look? :nervous:

Littlebit · #2 12-11-2002, 07:35 PM

My problem is in my header insert, this is being ignored with latest IE for macOSX:

PHP Code:


			
A:link, A:visited, A:active {

    COLOR: {linkcolor};

}

A:hover {

    COLOR: {hovercolor};

}

#cat A:link, #cat A:visited, #cat A:active {

    COLOR: {categoryfontcolor};

    TEXT-DECORATION: none;

}

#cat A:hover {

    COLOR: {categoryfontcolor};

    TEXT-DECORATION: underline;

}

#ltlink A:link, #ltlink A:visited, #ltlink A:active {

    COLOR: {linkcolor};

    TEXT-DECORATION: none;

}

#ltlink A:hover {

    COLOR: {hovercolor};

    TEXT-DECORATION: underline;

}

Littlebit · #3 12-11-2002, 07:39 PM

I've a script from the store hack 2.0 and the scripts for my rollovers in toplinks. Is there anything that could be producing an error that would effect certain browsers only that someone can see? :chinese: If anyone can take a look, here is what I have in the header insert:

PHP Code:


			
<meta http-equiv="MSThemeCompatible" content="Yes">

<script LANGUAGE="javascript">

<!--

function showwin(name,size) 

{

attrbts = size + ",resizable=yes,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes"

window.open(name, "Photos", attrbts);

}                                       

//-->

</script>

<style type="text/css">

BODY {

    SCROLLBAR-BASE-COLOR: {categorybackcolor};

    SCROLLBAR-ARROW-COLOR: {categoryfontcolor};

}

SELECT {

    FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;

    FONT-SIZE: 11px;

    COLOR: #000000;

    BACKGROUND-COLOR: #CFCFCF

}

TEXTAREA, .bginput {

    FONT-SIZE: 12px;

    FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;

    COLOR: #000000;

    BACKGROUND-COLOR: #CFCFCF

}

A:link, A:visited, A:active {

    COLOR: {linkcolor};

}

A:hover {

    COLOR: {hovercolor};

}

#cat A:link, #cat A:visited, #cat A:active {

    COLOR: {categoryfontcolor};

    TEXT-DECORATION: none;

}

#cat A:hover {

    COLOR: {categoryfontcolor};

    TEXT-DECORATION: underline;

}

#ltlink A:link, #ltlink A:visited, #ltlink A:active {

    COLOR: {linkcolor};

    TEXT-DECORATION: none;

}

#ltlink A:hover {

    COLOR: {hovercolor};

    TEXT-DECORATION: underline;

}

.thtcolor {

    COLOR: {tableheadtextcolor};

}

</style>

<script type="text/javascript">

<!--

function newImage(arg) {

if (document.images) {

rslt = new Image();

rslt.src = arg;

return rslt;

}

}

function changeImages() {

if (document.images && (preloadFlag == true)) {

for (var i=0; i<changeImages.arguments.length; i+=2) {

document[changeImages.arguments[i]].src = changeImages.arguments[i+1];

}

}

}

// -->

</script>

<script type="text/javascript"><!--

var preloadFlag = false;

function preloadImages() {

if (document.images) {

over_RolloverImage = newImage(/*URL*/'{imagesfolder}/red_home.gif');

over_RolloverImage2 = newImage(/*URL*/'{imagesfolder}/red_swag.gif');

over_RolloverImage3 = newImage(/*URL*/'{imagesfolder}/red_calendar.gif');

over_RolloverImage4 = newImage(/*URL*/'{imagesfolder}/red_members.gif');

over_RolloverImage5 = newImage(/*URL*/'{imagesfolder}/red_faq.gif');

over_RolloverImage6 = newImage(/*URL*/'{imagesfolder}/top_search.gif');

over_RolloverImage7 = newImage(/*URL*/'{imagesfolder}/red_logout.gif');

preloadFlag = true;

}

}

// --></script>

<body onload="preloadImages();">

$headnewpm

NTLDR · #4 12-12-2002, 01:35 PM

For starters I know the body tag should be removed and you need to place: onload="preloadImages();" into the <body> replacement for the style(s).

Littlebit · #5 12-12-2002, 02:23 PM

NTLDR,
Thank you for making me feel not so alone anymore

I've taken you suggestion and made it so the body tag looks like this:
<body bgcolor="#000000" text="#ffffff" id="all" leftmargin="1" onload="preloadImages();"
I removed body onload part from header insert.
The rollovers function great and refresh is certainly quicker (thank you)...but in IE, its still default colors for links. ANything else that could be causing this? Do I need to give a TYPE to the LANGUAGE for the first javascript (Store hack one)?

Littlebit · #6 12-12-2002, 02:25 PM

Here's the header insert now:

PHP Code:


			
<meta http-equiv="MSThemeCompatible" content="Yes">

<script LANGUAGE="javascript">

<!--

function showwin(name,size) 

{

attrbts = size + ",resizable=yes,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes"

window.open(name, "Photos", attrbts);

}                                       

//-->

</script>

<style type="text/css">

BODY {

    SCROLLBAR-BASE-COLOR: {categorybackcolor};

    SCROLLBAR-ARROW-COLOR: {categoryfontcolor};

}

SELECT {

    FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;

    FONT-SIZE: 11px;

    COLOR: #000000;

    BACKGROUND-COLOR: #CFCFCF

}

TEXTAREA, .bginput {

    FONT-SIZE: 12px;

    FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;

    COLOR: #000000;

    BACKGROUND-COLOR: #CFCFCF

}

A:link, A:visited, A:active {

    COLOR: {linkcolor};

}

A:hover {

    COLOR: {hovercolor};

}

#cat A:link, #cat A:visited, #cat A:active {

    COLOR: {categoryfontcolor};

    TEXT-DECORATION: none;

}

#cat A:hover {

    COLOR: {categoryfontcolor};

    TEXT-DECORATION: underline;

}

#ltlink A:link, #ltlink A:visited, #ltlink A:active {

    COLOR: {linkcolor};

    TEXT-DECORATION: none;

}

#ltlink A:hover {

    COLOR: {hovercolor};

    TEXT-DECORATION: underline;

}

.thtcolor {

    COLOR: {tableheadtextcolor};

}

</style>

<script type="text/javascript">

<!--

function newImage(arg) {

if (document.images) {

rslt = new Image();

rslt.src = arg;

return rslt;

}

}

function changeImages() {

if (document.images && (preloadFlag == true)) {

for (var i=0; i<changeImages.arguments.length; i+=2) {

document[changeImages.arguments[i]].src = changeImages.arguments[i+1];

}

}

}

// -->

</script>

<script type="text/javascript"><!--

var preloadFlag = false;

function preloadImages() {

if (document.images) {

over_RolloverImage = newImage(/*URL*/'{imagesfolder}/red_home.gif');

over_RolloverImage2 = newImage(/*URL*/'{imagesfolder}/red_swag.gif');

over_RolloverImage3 = newImage(/*URL*/'{imagesfolder}/red_calendar.gif');

over_RolloverImage4 = newImage(/*URL*/'{imagesfolder}/red_members.gif');

over_RolloverImage5 = newImage(/*URL*/'{imagesfolder}/red_faq.gif');

over_RolloverImage6 = newImage(/*URL*/'{imagesfolder}/top_search.gif');

over_RolloverImage7 = newImage(/*URL*/'{imagesfolder}/red_logout.gif');

preloadFlag = true;

}

}

// --></script>

$headnewpm

Littlebit · #7 12-12-2002, 02:57 PM

I just noticed my body tag had some stuff missing! Here's my body tag now:

PHP Code:


			
<body bgcolor="#000000" text="#ffffff" id="all" leftmargin="10" topmargin="10" marginwidth="10" marginheight="10" link="#ffffff" vlink="#ffffff" alink="#ffffff"onload="preloadImages();">

Now the links aren't going to default, just the hover color isn't working. I feel like I'm getting closer. Talking to myself ...

no laughing

NTLDR · #8 12-12-2002, 03:09 PM

In the body tag alink should be alink="#000000" to match the value in the CSS

Littlebit · #9 12-12-2002, 03:22 PM

I changed it , but the hover still won't work in IE. Works in Netscape (go figure)
I really really want to tahnk you again for just responding...let alone fixing my stuff

NTLDR · #10 12-12-2002, 03:36 PM

Is it IE in Windows? Or is it the Mac/UNIX version of it? The A:hover part of the CSS works fine for me on my boards.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.04784 seconds Memory Usage 2,360KB Queries Executed 23 (?)
More Information
Template Usage: (1)SHOWTHREAD (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)ad_showthread_beforeqr (4)bbcode_php (1)footer (1)forumjump (1)forumrules (1)gobutton (1)header (1)headinclude (1)modsystem_post (1)navbar (6)navbar_link (120)option (1)pagenav (1)pagenav_curpage (1)pagenav_pagelink (10)post_thanks_box (10)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (10)post_thanks_postbit_info (9)postbit (10)postbit_onlinestatus (10)postbit_wrapper (1)spacer_close (1)spacer_open (1)tagbit_wrapper Phrase Groups Available: global inlinemod postbit posting reputationlevel showthread	Included Files: ./showthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/functions_bigthree.php ./includes/class_postbit.php ./includes/class_bbcode.php ./includes/functions_reputation.php ./includes/functions_post_thanks.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete showthread_start showthread_getinfo forumjump showthread_post_start showthread_query_postids showthread_query bbcode_fetch_tags bbcode_create showthread_postbit_create postbit_factory postbit_display_start post_thanks_function_post_thanks_off_start post_thanks_function_post_thanks_off_end post_thanks_function_fetch_thanks_start post_thanks_function_fetch_thanks_end post_thanks_function_thanked_already_start post_thanks_function_thanked_already_end fetch_musername postbit_imicons bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete postbit_display_complete post_thanks_function_can_thank_this_post_start pagenav_page pagenav_complete tag_fetchbit_complete forumrules navbits navbits_complete showthread_complete
Messages:

The Arcive of Official vBulletin Modifications Site.

It is not a VB3 engine, just a parsed copy!