tags:

views:

108

answers:

2
+1  Q: 

sIFR removes all content on page?

Hey everyone

I have a really weird error. When I use sIFR to replace a single h1 element, everything else on the page disappears. It's really odd. I don't get any javascript errors.

If I edit out the sIFR.activate function in he sifr-config, everything is displayed normally...

This is my code... HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;

<html xmlns="http://www.w3.org/1999/xhtml"&gt;

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<title>sIFR test</title>

<link rel="stylesheet" href="css/sifr.css" type="text/css">

<link rel="stylesheet" href="css/index.css" type="text/css">

<script src="js/sifr.js" type="text/javascript"></script>

<script src="js/sifr-config.js" type="text/javascript"></script>

</head>
<body>

<h1>Dette er en overskrift</h1>

<ul class="menu">
<li class="parent active"><a href="#"><span>Main Menu Item 1</span></a>
  <ul>
    <li><a href="#"><span>Sub Menu Item 1</span></a></li>
    <li><a href="#"><span>Sub Menu Item 2</span></a></li>
    <li><a href="#"><span>Sub Menu Item 3</span></a></li>
    <li><a href="#"><span>Sub Menu Item 4</span></a></li>
    <li><a href="#"><span>Sub Menu Item 5</span></a></li>
  </ul>
</li>
<li class="parent"><a href="#"><span>Main Menu Item 2</span></a>
  <ul>
    <li><a href="#"><span>Sub Menu Item 1</span></a></li>
    <li><a href="#"><span>Sub Menu Item 2</span></a></li>
    <li><a href="#"><span>Sub Menu Item 3</span></a></li>
    <li><a href="#"><span>Sub Menu Item 4</span></a></li>
    <li><a href="#"><span>Sub Menu Item 5</span></a></li>
  </ul>
</li>
<li><a href="#"><span>Main Menu Item 3</span></a></li>
<li class="parent"><a href="#"><span>Main Menu Item 4</span></a>
  <ul>
    <li><a href="#"><span>Sub Menu Item 1</span></a></li>
    <li><a href="#"><span>Sub Menu Item 2</span></a></li>
  </ul>
</li>
<li><a href="#"><span>Main Menu Item 5</span></a></li>
</ul>
<br class="clearfloat" />
</body>
</html>

sifr-config.js:

var helvetica57 = { src: 'sifr/helveticaNeue57Condensed.swf' };

var helvetica67 = { src: 'sifr/helveticaNeue67Medium.swf' };

sIFR.activate(helvetica57, helvetica67);

sIFR.replace(helvetica67, {

  selector: 'h1',
  css: '.sIFR-root {color: #000000; }'

});

You can see an example here: www.runemadsen.com/innovation/sifr

+1  A: 

You've added the following CSS:

.sIFR-active {
  font-family: Verdana;
  visibility: hidden;
}

This hides the entire <html> element.

Mark Wubben  2009-06-01 22:00:56
A: 

I had the same issue, basically the problem was calling activate from within another function or event. Moved it out and no problem.

John_  2010-04-08 16:45:13

related questions

Autosizing Textarea
Regular expression for parsing links from a webpage?
What are good tools for creating compiled HTML help files (.chm)?
Looking for WYSIWYG HTML editor
Any reason not to start using the HTML 5 doctype?
HTML comments break down
HTML Comments Markup
Setting a div's height in HTML with CSS
Wrapping lists into columns
Is a "Confirm Email" input good practice when user changes email address?
<XMP> Tag
HTML version choice
Options for HTML scraping?
How do you disable browser Autocomplete on web form field / input tag?
How do I make a checkbox toggle from clicking on the text label as well?
Html CSS Editor
Wordpress theme development offline tools
How do I give my web sites an icon for iPhone?
In HTML, how to word-break on a dash?
Detecting font in JavaScript
How do you test layout design across multiple browsers/OSs?
How do I print an HTML document from a web service?
Multiple submit buttons on a HTML form
How can I determine a web user's time zone?
Why doesn't the percentage width child in absolutely positioned parent work in IE7?