[SIFR] sifr verschijnt niet?

[Verwijderd]

Ik ben SIFR aan het uitproberen. Maar er verschijnt niks op mijn website. Het standaart lettertype blijft staan. Ik heb screen en print toegevoegd aan mijn standaart template:

code:

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

Ik heb gelinkt naar de sifr.js:

HTML:

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

In de sifr.js heb ik de volgende aanpassing gedaan:

JavaScript:

if(typeof sIFR == "function"){
    var helvetica = named({sFlashSrc : "sifr/Helvetiva.swf", sColor : "#000", sCase : "upper"});
    sIFR.replaceElement("h1.h1", template);
    sIFR.replaceElement("h2.h2", template);
    sIFR.bAutoInit = true;
    sIFR.bIsDisabled = false;
    sIFR.bHideBrowserText = false;
    sIFR.bFixFragIdBug = false;
    };

sifr/Helvetica.swf is een flash 6 bestand.

Ik heb het gevoel dat er in mijn template iets niet klopt:

Cascading Stylesheet:

/* This is the print stylesheet to hide the Flash headlines from the browser... regular browser text headlines will now print as normal */

.sIFR-flash, .sIFR-flash object, .sIFR-flash embed {
    display: none !important;
    height: 0;
    width: 0;
    position: absolute;
    overflow: hidden;
}

span.sIFR-alternate {
    visibility: visible !important;
    display: block !important;
    position: static !important;
    left: auto !important;
    top: auto !important;
}


/* These are standard sIFR styles... do not modify */

.sIFR-flash {
    visibility: visible !important;
    margin: 0;
}

.sIFR-replaced {
    visibility: visible !important;
}

span.sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
    visibility: hidden;
}

.sIFR-hasFlash h2 {
    visibility: hidden;
    letter-spacing: -9px;
    font-size: 55px;
}

.sIFR-hasFlash h3 {
    visibility: hidden;
    letter-spacing: -6px;
    font-size: 25px;
}

.sIFR-hasFlash h4 {
    visibility: hidden;
    letter-spacing: -5px;
    font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
    letter-spacing: -4px;
    visibility: hidden;
    font-size: 24px;
}


h1 h2 h3 h4 h5 h6 h7 {font-family:Arial, Helvetica, sans-serif}


.h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: bold;
    color: #FFFFFF;
    line-height:17px;
}

.h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #FFFFFF;
    line-height:17px;
}

.h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #FFE00F;
    line-height:17px;
}

.h4 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #FFFFFF;
    line-height:17px;
}

.h5 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
    line-height:17px;
}

.h6 {
line-height:17px;
}

.NAV {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #FFFFFF;
    }

Misschien staat er een map niet goed.

test.htm (index)
index > css > stylesheet.css
index > sifr > sifr.js
index > sifr > Helvetica.swf

http://www.glimlachtwente.nl/test/test.htm

Gebruik voortaan ook talen in je codeblokken

[sopsop]

ik krijg dit als javascript foutmelding:

code:

Regel: 12
Teken: 5
Fout: 'template' is niet gedefinieerd

Het lijkt me handig dat je checkt op javascript errors als je iets met javascript aan het doen bent dat niet werkt.
En als je dat wel had gedaan, was het ook wel handig geweest om dat in dit topic te zetten.

[RobIII]

{sFlashSrc : "sifr/Helvetiva.swf"

Helvetica lijkt me?

[Verwijderd]

SIFR is een standaart "programma" die je zo kan 'installeren'. Het moet gewoon werken normaal. Vandaar dat ik ook niet op javascript errors heb gecheckt.
ik zal inderdaad eens even kijken naar die Helvetiva.swf. Hopelijk is dat de fout.

Ik heb het veranderd maar het werkt helaas nog steeds niet.

De error in regel 12 zie ik niks geks aan.

Misschien doet de SIFR niet omdat ik in verschillende lagen werk? Hebben jullie ervaring met SIFR? Het is namelijk nog niet echt bekend en op internet is er niet zo veel over te vinden helaas. En dat terwijl het zo'n goede oplossing is

Is er misschien nog een andere manier om ongeinstalleerde lettertypes te weergeven op een website, en de zoekmachines het wel kunnen vinden?

[ Voor 52% gewijzigd door Verwijderd op 13-07-2007 11:33 ]

[Verwijderd]

Je zou koppen met images kunnen replacen, maar dat is een rotwerk en niet handig. Ik zou je SIFR even stap voor stap opzetten vanaf hun voorbeeld, tot jou resultaat. Kijk dan eens bij welke stap het misgaat, dan kun je het meteen oplossen. Deed hij het in eerste instantie wel?

[PierreAronnax]

In de functie 'replaceElement' verwijs je naar de variable 'template', terwijl je daar boven de variable 'helvetica' declareert.
Vervang 'var helvetica =' eens door 'var template =', en ik verwacht dat dat je probleem oplost.

[Verwijderd]

*Terug van vakantie

PierreAronnax schreef op vrijdag 13 juli 2007 @ 12:31:
In de functie 'replaceElement' verwijs je naar de variable 'template', terwijl je daar boven de variable 'helvetica' declareert.
Vervang 'var helvetica =' eens door 'var template =', en ik verwacht dat dat je probleem oplost.

var template had ik inderdaad vervangen door helvetica om te kijken of dat misschien de fout was. Ik heb er nu weer template van gemaakt maar er veranderd nog steeds niks.

In eerste instantie werkte alles, totdat ik het in m'n eigen site ging bouwen. Ik begin wel even bij het begin, dus een simpele html pagina in tabellen. Misschien dat ie dan wel doet. Maar toch denk ik dat er een oplossing moet zijn.

[Eelke Spaak]

Heb je de tweede reply van het topic al goed gelezen?

[BtM909]

Het lijkt me ook niet handig om hele lappen code hier neer te plempen. Begin bij de basis en ga vandaar uit verder werken