JavaScript - I Broke Sifr. Help!
Hi, I am currently working on redoing my portfolio and I thought it would be great to use SiFR for some of my text, which I had working fine but somewhere along the line it stopped working.
I have a horizontal menu at the top. All the links are made using SiFR. It was working great the day before yesterday but something I modified must've broken it because now the links are almost impossible to click on. They have a grey hover effect but it no longer is noticeable because it seems that something is blocking the links from working. You have to click like a madman to get anywhere. The only sub-page that I have up is 'PRINT DESIGN' and the menu is also not functioning on that page. Since this is my first time working with SiFR I am really lost as to how to fix this. Any help would be strongly appreciated. Thanks Kristin Similar TutorialsI have installed sIFR on a website that I am working on. It is installed correctly, the java is working enough to notice on Firebug, but for some reason the font isn't substituting. www.classiccadillacdiner.com H3 is the selector. Can anyone help me figure this one out? I am creating a site that has a link with sIFR text that links into inline content via Fancybox. I know it works properly withour sIFR on, so the two are battling. Is there any way to have both?? url: www.happydogwebproductions.com/cadillac The contact link is supposed to pop up via fancybox. You can get it to load if you are quick enough to click it before sIFR kicks in. I've tried asking elsewhere, got over 100 views and not one reply. Any help would be greatly appreciated I have the CoffeeCup Website Font software that gives me a peek at the sIFR Javascript functions, but I can't figure out how to sIFR only the visible Div on my page. This script (from CoffeeCup) is in my page header: Quote: <script type="text/javascript"> //<![CDATA[ var h1_font = { src: 'websitefontdata/fonts/___1942_report[regular].swf' }; var h2_font = { src: 'websitefontdata/fonts/___gatecrasher[regular].swf' }; var h3_font = { src: 'websitefontdata/fonts/___High_Strung[regular].swf' }; var h4_font = { src: 'websitefontdata/fonts/___Palatino_Linotype[regular].swf' }; var h5_font = { src: 'websitefontdata/fonts/___Palatino_Linotype[regular].swf' }; var h6_font = { src: 'websitefontdata/fonts/___Beffle[regular].swf' }; sIFR.useStyleCheck = false; sIFR.fixHover = true; sIFR.fitExactly = true; sIFR.repaintOnResize = true; sIFR.preserveSingleWhitespace = false; sIFR.fromLocal = true; sIFR.activate(h1_font, h2_font, h3_font, h4_font, h5_font, h6_font); sIFR.replace(h1_font, {selector: 'h1', css: [ '.sIFR-root { line-height: 1em; font-size: 23px; color: #004080; background-color: #FFFFFF; text-align: left; font-weight: normal; font-style: normal; text-decoration: none; visibility: hidden; }', 'a { text-decoration: none; }', 'a:link { color: #004080; }', 'a:hover { color: #FF0000; }' ], filters: { DropShadow: { quality: 3, angle: 45, knockout: false, distance: 2.000000, color: '#000000', strength: 1.000000 } }, wmode: 'transparent' }); sIFR.replace(h2_font, {selector: 'h2', css: [ '.sIFR-root { line-height: 1em; font-size: 18px; color: #006C61; background-color: #FFFFFF; text-align: left; font-weight: normal; font-style: normal; text-decoration: none; visibility: hidden; }', 'a { text-decoration: none; }', 'a:link { color: #0000FF; }', 'a:hover { color: #FF0000; }' ], filters: { DropShadow: { quality: 3, angle: 45, knockout: false, distance: 4.000000, color: '#000000', strength: 1.000000 }, Glow: { quality: 2, strength: 2, blurX: 6.000000, blurY: 6.000000, knockout: 0, inner: 0, alpha: 0.250000, color: '#FFFF00' } }, wmode: 'transparent' }); sIFR.replace(h3_font, {selector: 'h3', css: [ '.sIFR-root { line-height: 1em; font-size: 23px; color: #000000; background-color: #FFFFFF; text-align: left; font-weight: normal; font-style: normal; text-decoration: none; visibility: hidden; }', 'a { text-decoration: none; }', 'a:link { color: #0000FF; }', 'a:hover { color: #FF0000; }' ], filters: { }, wmode: 'transparent' }); sIFR.replace(h4_font, {selector: 'h4', css: [ '.sIFR-root { line-height: 1em; font-size: 14px; color: #000000; background-color: #FFFFFF; text-align: left; font-weight: normal; font-style: normal; text-decoration: none; visibility: hidden; }', 'a { text-decoration: none; }', 'a:link { color: #000000; }', 'a:hover { color: #FF0000; }' ], filters: { }, wmode: 'transparent' }); sIFR.replace(h5_font, {selector: 'h5', css: [ '.sIFR-root { line-height: 1em; font-size: 14px; color: #000080; background-color: #FFFF80; text-align: left; font-weight: normal; font-style: normal; text-decoration: none; visibility: hidden; }', 'a { text-decoration: none; }', 'a:link { color: #0000FF; }', 'a:hover { color: #FF0000; }' ], filters: { }, wmode: 'transparent' }); sIFR.replace(h6_font, {selector: 'h6', css: [ '.sIFR-root { line-height: 1em; font-size: 20px; color: #004080; background-color: #FFFFFF; text-align: left; font-weight: normal; font-style: normal; text-decoration: none; visibility: hidden; }', 'a { text-decoration: none; }', 'a:link { color: #0000FF; }', 'a:hover { color: #FF0000; }' ], filters: { DropShadow: { quality: 3, angle: 45, knockout: false, distance: 2.000000, color: '#000000', strength: 1.000000 } }, wmode: 'transparent' }); //]]> </script> Here's what I'm working with to show a specific Div: Quote: function showSec(n) { hideSec(); if (ng5) document.getElementById('sec1').style.visibility = "visible"; else if (ns4) document.layers["sec1"].visibility = "show"; else if (ie4) document.all["sec1"].style.visibility = "visible"; if (ng5) document.getElementById('sec'+n).style.visibility = "visible"; else if (ns4) document.layers["sec"+n].visibility = "show"; else if (ie4) document.all["sec"+n].style.visibility = "visible"; } How do I have sIFR only draw the visible Divs? I have a WP theme that before I started tweaking it had an image switcher on the home page. When you click any of the 4 thumbnails under the main header, the image on the right switches to the hi-res version of the thumbnail but now it's broken. I've re-uploaded Wordpress core, and re-uploaded the theme and verified all files exist. Can anyone PLEASE look at http://cbclivehelp.com and tell me where I'm goofing up. I know it's an easy fix, but I'm not seeing it and I've been at it for 3 hours. Hello, I have a xmlHttpRequest that was working in Internet explore 6,7 and now is broken in the new Internet explore 8. Can anyone help me pinpoint the problem here? The Error console says this. Invalid procedure call or argument: Code: req.base_open('get', ginf.host + '/includes/process.php?action=jstest&' + failures, true); Screen Captu http://i31.tinypic.com/2v81rg6.jpg This works in Firefox and the older Internet explorers. So I"m not sure what Microsoft did with Internet Exploder 8. Is there syntax error or something with it that the other browser ignored? What is wrong with it? This is the full javascript file if you like to look. http://pastebin.ca/1515445 |