Javascript – Problems with sIFR not displaying the correct text

javascriptjquerysifr

I'm trying to use sIFR (with the jQuery sIFR plugin) on my website, but have run into problems right from the start. I was able to create the swf with my chosen font, but when I run the script, I just get the default "Rendered with sIFR3" message instead of the text of my element.

Any ideas?

As Novemberborn himself pointed out, I did upgrade sIFR to version 3, whereas the jQuery plugin only supports v2. I've tried reverting back to the packaged version of sIFR (v2.0.5):

My HTML:

<h1 class="img">Why should I do ELBC?</h1>

jQuery:

$(":header.img")
    .sifr({
        path : 'lib/sifr/2',
        font : 'test',
        width: 900,
        height: 60
    })
;

The lib/sifr/2/test.swf file is just the packaged .fla file compiled.

It looks like it's actually doing something this time: the correct text is showing up, but it's tiny. Like, 4pt size.

Best Answer

The jQuery plugin uses sIFR 2, however you seem to be using an (old) sIFR 3 movie.

Related Solutions

Javascript – Trigger a button click with JavaScript on the Enter key in a text box

In jQuery, the following would work:

$("#id_of_textbox").keyup(function(event) {
    if (event.keyCode === 13) {
        $("#id_of_button").click();
    }
});

$("#pw").keyup(function(event) {
    if (event.keyCode === 13) {
        $("#myButton").click();
    }
});

$("#myButton").click(function() {
  alert("Button code executed.");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Username:<input id="username" type="text"><br>
Password:&nbsp;<input id="pw" type="password"><br>
<button id="myButton">Submit</button>

Or in plain JavaScript, the following would work:

document.getElementById("id_of_textbox")
    .addEventListener("keyup", function(event) {
    event.preventDefault();
    if (event.keyCode === 13) {
        document.getElementById("id_of_button").click();
    }
});

document.getElementById("pw")
    .addEventListener("keyup", function(event) {
    event.preventDefault();
    if (event.keyCode === 13) {
        document.getElementById("myButton").click();
    }
});

function buttonCode()
{
  alert("Button code executed.");
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Username:<input id="username" type="text"><br>
Password:&nbsp;<input id="pw" type="password"><br>
<button id="myButton" onclick="buttonCode()">Submit</button>

Javascript – the best way to add options to a select from a JavaScript object with jQuery

The same as other answers, in a jQuery fashion:

$.each(selectValues, function(key, value) {   
     $('#mySelect')
         .append($("<option></option>")
                    .attr("value", key)
                    .text(value)); 
});

Best Answer

Related Solutions

Javascript – Trigger a button click with JavaScript on the Enter key in a text box

Javascript – the best way to add options to a select from a JavaScript object with jQuery

Related Topic