A Flash Developer Resource Site

Results 1 to 13 of 13

Thread: Text Weirdness!?!

  1. #1
    Member
    Join Date
    Apr 2006
    Posts
    49

    Text Weirdness!?!

    I've been wrapping up a project for a furniture company in which one section of the site features numerous finish samples with text below.

    It seems that the text is getting cut-off; but not on everyone's machine/internet connection. All of my machines show the text properly, my neighbor's laptop shows the text properly, but several test members on the client side cannot view the text without the end of long strings getting cut-off!?!?!

    It's driving me crazy.

    I'd be very appreciative if anyone here could take a look at the link below and/or download my .fla file and have a look. I've tried everything I know, but nothing is working. Thanks.

    Here is the link:

    Link
    Attached Files Attached Files

  2. #2
    not'n' wrong with hat'n' sushi iHATEsushi's Avatar
    Join Date
    May 2006
    Location
    Ontario
    Posts
    132
    It seems to be working fine on my computer as well. Hard to help when I cant see whats wrong. I will send this to other systems and get back to you.

  3. #3
    Member
    Join Date
    Apr 2006
    Posts
    49
    Quote Originally Posted by iHATEsushi
    It seems to be working fine on my computer as well. Hard to help when I cant see whats wrong. I will send this to other systems and get back to you.
    Cool, thanks. Here is a screenshot of the problem:
    Attached Images Attached Images

  4. #4
    not'n' wrong with hat'n' sushi iHATEsushi's Avatar
    Join Date
    May 2006
    Location
    Ontario
    Posts
    132
    Thanks for the screen shot... Now I know what I'm working with... BRB


    Quote Originally Posted by landrvr1
    Cool, thanks. Here is a screenshot of the problem:

  5. #5
    not'n' wrong with hat'n' sushi iHATEsushi's Avatar
    Join Date
    May 2006
    Location
    Ontario
    Posts
    132
    Have yoy tried making your text boxes longer? cause some of them are quite small only accomodating the selected current title. This can be why some text is getting cuff off. Try that first and let me know.

  6. #6
    Member
    Join Date
    Apr 2006
    Posts
    49
    Quote Originally Posted by iHATEsushi
    Have yoy tried making your text boxes longer? cause some of them are quite small only accomodating the selected current title. This can be why some text is getting cuff off. Try that first and let me know.
    Good call. I actually did try that this morning and the client still reported a problem. I thought for sure that was it.

    I even sent them a .swf file to try, and they did NOT report any issues with the .swf!? Bizarre. That truly leads me to believe it's something to do with viewing it a.) across the net and/or b.) viewing it across their network.

    I wonder if a preloader is the answer? Perhaps the text just isn't loading properly.

    What's also bizarre is that they click on a sample, the text is cut-off, but a second click fixes the problem. It's like that way on all the finishes that have rather long text descriptions.

  7. #7
    not'n' wrong with hat'n' sushi iHATEsushi's Avatar
    Join Date
    May 2006
    Location
    Ontario
    Posts
    132
    are you using a ufo file to support your swf file on the net. If not I can supply one to you. You don't need to do anything to it other than linking it to your page.
    Last edited by iHATEsushi; 01-25-2007 at 12:52 PM.

  8. #8
    not'n' wrong with hat'n' sushi iHATEsushi's Avatar
    Join Date
    May 2006
    Location
    Ontario
    Posts
    132
    http://www.jeroenwijering.com/?item=Embedding_Flash here is a link talking about embedding files into html pages

    Here is the ufo file. Save it out as ufo.js and then save the .js file in your folder with your index.html page

    /* Unobtrusive Flash Objects (UFO) v3.20 <http://www.bobbyvandersluis.com/ufo/>
    Copyright 2005, 2006 Bobby van der Sluis
    This software is licensed under the CC-GNU LGPL <http://creativecommons.org/licenses/LGPL/2.1/>
    */

    var UFO = {
    req: ["movie", "width", "height", "majorversion", "build"],
    opt: ["play", "loop", "menu", "quality", "scale", "salign", "wmode", "bgcolor", "base", "flashvars", "devicefont", "allowscriptaccess", "seamlesstabbing"],
    optAtt: ["id", "name", "align"],
    optExc: ["swliveconnect"],
    ximovie: "ufo.swf",
    xiwidth: "550",
    xiheight: "100",
    ua: navigator.userAgent.toLowerCase(),
    pluginType: "",
    fv: [0,0],
    foList: [],

    create: function(FO, id) {
    if (!UFO.uaHas("w3cdom") || UFO.uaHas("ieMac")) return;
    UFO.getFlashVersion();
    UFO.foList[id] = UFO.updateFO(FO);
    UFO.createCSS("#" + id, "visibility:hidden;");
    UFO.domLoad(id);
    },

    updateFO: function(FO) {
    if (typeof FO.xi != "undefined" && FO.xi == "true") {
    if (typeof FO.ximovie == "undefined") FO.ximovie = UFO.ximovie;
    if (typeof FO.xiwidth == "undefined") FO.xiwidth = UFO.xiwidth;
    if (typeof FO.xiheight == "undefined") FO.xiheight = UFO.xiheight;
    }
    FO.mainCalled = false;
    return FO;
    },

    domLoad: function(id) {
    var _t = setInterval(function() {
    if ((document.getElementsByTagName("body")[0] != null || document.body != null) && document.getElementById(id) != null) {
    UFO.main(id);
    clearInterval(_t);
    }
    }, 250);
    if (typeof document.addEventListener != "undefined") {
    document.addEventListener("DOMContentLoaded", function() { UFO.main(id); clearInterval(_t); } , null); // Gecko, Opera 9+
    }
    },

    main: function(id) {
    var _fo = UFO.foList[id];
    if (_fo.mainCalled) return;
    UFO.foList[id].mainCalled = true;
    document.getElementById(id).style.visibility = "hidden";
    if (UFO.hasRequired(id)) {
    if (UFO.hasFlashVersion(parseInt(_fo.majorversion, 10), parseInt(_fo.build, 10))) {
    if (typeof _fo.setcontainercss != "undefined" && _fo.setcontainercss == "true") UFO.setContainerCSS(id);
    UFO.writeSWF(id);
    }
    else if (_fo.xi == "true" && UFO.hasFlashVersion(6, 65)) {
    UFO.createDialog(id);
    }
    }
    document.getElementById(id).style.visibility = "visible";
    },

    createCSS: function(selector, declaration) {
    var _h = document.getElementsByTagName("head")[0];
    var _s = UFO.createElement("style");
    if (!UFO.uaHas("ieWin")) _s.appendChild(document.createTextNode(selector + " {" + declaration + "}")); // bugs in IE/Win
    _s.setAttribute("type", "text/css");
    _s.setAttribute("media", "screen");
    _h.appendChild(_s);
    if (UFO.uaHas("ieWin") && document.styleSheets && document.styleSheets.length > 0) {
    var _ls = document.styleSheets[document.styleSheets.length - 1];
    if (typeof _ls.addRule == "object") _ls.addRule(selector, declaration);
    }
    },

    setContainerCSS: function(id) {
    var _fo = UFO.foList[id];
    var _w = /%/.test(_fo.width) ? "" : "px";
    var _h = /%/.test(_fo.height) ? "" : "px";
    UFO.createCSS("#" + id, "width:" + _fo.width + _w +"; height:" + _fo.height + _h +";");
    if (_fo.width == "100%") {
    UFO.createCSS("body", "margin-left:0; margin-right:0; padding-left:0; padding-right:0;");
    }
    if (_fo.height == "100%") {
    UFO.createCSS("html", "height:100%; overflow:hidden;");
    UFO.createCSS("body", "margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0; height:100%;");
    }
    },

    createElement: function(el) {
    return (UFO.uaHas("xml") && typeof document.createElementNS != "undefined") ? document.createElementNS("http://www.w3.org/1999/xhtml", el) : document.createElement(el);
    },

    createObjParam: function(el, aName, aValue) {
    var _p = UFO.createElement("param");
    _p.setAttribute("name", aName);
    _p.setAttribute("value", aValue);
    el.appendChild(_p);
    },

    uaHas: function(ft) {
    var _u = UFO.ua;
    switch(ft) {
    case "w3cdom":
    return (typeof document.getElementById != "undefined" && typeof document.getElementsByTagName != "undefined" && (typeof document.createElement != "undefined" || typeof document.createElementNS != "undefined"));
    case "xml":
    var _m = document.getElementsByTagName("meta");
    var _l = _m.length;
    for (var i = 0; i < _l; i++) {
    if (/content-type/i.test(_m[i].getAttribute("http-equiv")) && /xml/i.test(_m[i].getAttribute("content"))) return true;
    }
    return false;
    case "ieMac":
    return /msie/.test(_u) && !/opera/.test(_u) && /mac/.test(_u);
    case "ieWin":
    return /msie/.test(_u) && !/opera/.test(_u) && /win/.test(_u);
    case "gecko":
    return /gecko/.test(_u) && !/applewebkit/.test(_u);
    case "opera":
    return /opera/.test(_u);
    case "safari":
    return /applewebkit/.test(_u);
    default:
    return false;
    }
    },

    getFlashVersion: function() {
    if (UFO.fv[0] != 0) return;
    if (navigator.plugins && typeof navigator.plugins["Shockwave Flash"] == "object") {
    UFO.pluginType = "npapi";
    var _d = navigator.plugins["Shockwave Flash"].description;
    if (typeof _d != "undefined") {
    _d = _d.replace(/^.*\s+(\S+\s+\S+$)/, "$1");
    var _m = parseInt(_d.replace(/^(.*)\..*$/, "$1"), 10);
    var _r = /r/.test(_d) ? parseInt(_d.replace(/^.*r(.*)$/, "$1"), 10) : 0;
    UFO.fv = [_m, _r];
    }
    }
    else if (window.ActiveXObject) {
    UFO.pluginType = "ax";
    try { // avoid fp 6 crashes
    var _a = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.7");
    }
    catch(e) {
    try {
    var _a = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.6");
    UFO.fv = [6, 0];
    _a.AllowScriptAccess = "always"; // throws if fp < 6.47
    }
    catch(e) {
    if (UFO.fv[0] == 6) return;
    }
    try {
    var _a = new ActiveXObject("ShockwaveFlash.ShockwaveFlash");
    }
    catch(e) {}
    }
    if (typeof _a == "object") {
    var _d = _a.GetVariable("$version"); // bugs in fp 6.21/6.23
    if (typeof _d != "undefined") {
    _d = _d.replace(/^\S+\s+(.*)$/, "$1").split(",");
    UFO.fv = [parseInt(_d[0], 10), parseInt(_d[2], 10)];
    }
    }
    }
    },

    hasRequired: function(id) {
    var _l = UFO.req.length;
    for (var i = 0; i < _l; i++) {
    if (typeof UFO.foList[id][UFO.req[i]] == "undefined") return false;
    }
    return true;
    },

    hasFlashVersion: function(major, release) {
    return (UFO.fv[0] > major || (UFO.fv[0] == major && UFO.fv[1] >= release)) ? true : false;
    },

    writeSWF: function(id) {
    var _fo = UFO.foList[id];
    var _e = document.getElementById(id);
    if (UFO.pluginType == "npapi") {
    if (UFO.uaHas("gecko") || UFO.uaHas("xml")) {
    while(_e.hasChildNodes()) {
    _e.removeChild(_e.firstChild);
    }
    var _obj = UFO.createElement("object");
    _obj.setAttribute("type", "application/x-shockwave-flash");
    _obj.setAttribute("data", _fo.movie);
    _obj.setAttribute("width", _fo.width);
    _obj.setAttribute("height", _fo.height);
    var _l = UFO.optAtt.length;
    for (var i = 0; i < _l; i++) {
    if (typeof _fo[UFO.optAtt[i]] != "undefined") _obj.setAttribute(UFO.optAtt[i], _fo[UFO.optAtt[i]]);
    }
    var _o = UFO.opt.concat(UFO.optExc);
    var _l = _o.length;
    for (var i = 0; i < _l; i++) {
    if (typeof _fo[_o[i]] != "undefined") UFO.createObjParam(_obj, _o[i], _fo[_o[i]]);
    }
    _e.appendChild(_obj);
    }
    else {
    var _emb = "";
    var _o = UFO.opt.concat(UFO.optAtt).concat(UFO.optExc);
    var _l = _o.length;
    for (var i = 0; i < _l; i++) {
    if (typeof _fo[_o[i]] != "undefined") _emb += ' ' + _o[i] + '="' + _fo[_o[i]] + '"';
    }
    _e.innerHTML = '<embed type="application/x-shockwave-flash" src="' + _fo.movie + '" width="' + _fo.width + '" height="' + _fo.height + '" pluginspage="http://www.macromedia.com/go/getflashplayer"' + _emb + '></embed>';
    }
    }
    else if (UFO.pluginType == "ax") {
    var _objAtt = "";
    var _l = UFO.optAtt.length;
    for (var i = 0; i < _l; i++) {
    if (typeof _fo[UFO.optAtt[i]] != "undefined") _objAtt += ' ' + UFO.optAtt[i] + '="' + _fo[UFO.optAtt[i]] + '"';
    }
    var _objPar = "";
    var _l = UFO.opt.length;
    for (var i = 0; i < _l; i++) {
    if (typeof _fo[UFO.opt[i]] != "undefined") _objPar += '<param name="' + UFO.opt[i] + '" value="' + _fo[UFO.opt[i]] + '" />';
    }
    var _p = window.location.protocol == "https:" ? "https:" : "http:";
    _e.innerHTML = '<object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000"' + _objAtt + ' width="' + _fo.width + '" height="' + _fo.height + '" codebase="' + _p + '//download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=' + _fo.majorversion + ',0,' + _fo.build + ',0"><param name="movie" value="' + _fo.movie + '" />' + _objPar + '</object>';
    }
    },

    createDialog: function(id) {
    var _fo = UFO.foList[id];
    UFO.createCSS("html", "height:100%; overflow:hidden;");
    UFO.createCSS("body", "height:100%; overflow:hidden;");
    UFO.createCSS("#xi-con", "position:absolute; left:0; top:0; z-index:1000; width:100%; height:100%; background-color:#fff; filter:alpha(opacity:75); opacity:0.75;");
    UFO.createCSS("#xi-dia", "position:absolute; left:50%; top:50%; margin-left: -" + Math.round(parseInt(_fo.xiwidth, 10) / 2) + "px; margin-top: -" + Math.round(parseInt(_fo.xiheight, 10) / 2) + "px; width:" + _fo.xiwidth + "px; height:" + _fo.xiheight + "px;");
    var _b = document.getElementsByTagName("body")[0];
    var _c = UFO.createElement("div");
    _c.setAttribute("id", "xi-con");
    var _d = UFO.createElement("div");
    _d.setAttribute("id", "xi-dia");
    _c.appendChild(_d);
    _b.appendChild(_c);
    var _mmu = window.location;
    if (UFO.uaHas("xml") && UFO.uaHas("safari")) {
    var _mmd = document.getElementsByTagName("title")[0].firstChild.nodeValue = document.getElementsByTagName("title")[0].firstChild.nodeValue.slice(0, 47) + " - Flash Player Installation";
    }
    else {
    var _mmd = document.title = document.title.slice(0, 47) + " - Flash Player Installation";
    }
    var _mmp = UFO.pluginType == "ax" ? "ActiveX" : "PlugIn";
    var _uc = typeof _fo.xiurlcancel != "undefined" ? "&xiUrlCancel=" + _fo.xiurlcancel : "";
    var _uf = typeof _fo.xiurlfailed != "undefined" ? "&xiUrlFailed=" + _fo.xiurlfailed : "";
    UFO.foList["xi-dia"] = { movie:_fo.ximovie, width:_fo.xiwidth, height:_fo.xiheight, majorversion:"6", build:"65", flashvars:"MMredirectURL=" + _mmu + "&MMplayerType=" + _mmp + "&MMdoctitle=" + _mmd + _uc + _uf };
    UFO.writeSWF("xi-dia");
    },

    expressInstallCallback: function() {
    var _b = document.getElementsByTagName("body")[0];
    var _c = document.getElementById("xi-con");
    _b.removeChild(_c);
    UFO.createCSS("body", "height:auto; overflow:auto;");
    UFO.createCSS("html", "height:auto; overflow:auto;");
    },

    cleanupIELeaks: function() {
    var _o = document.getElementsByTagName("object");
    var _l = _o.length
    for (var i = 0; i < _l; i++) {
    _o[i].style.display = "none";
    for (var x in _o[i]) {
    if (typeof _o[i][x] == "function") {
    _o[i][x] = null;
    }
    }
    }
    }

    };

    if (typeof window.attachEvent != "undefined" && UFO.uaHas("ieWin")) {
    window.attachEvent("onunload", UFO.cleanupIELeaks);
    }

  9. #9
    Member
    Join Date
    Apr 2006
    Posts
    49
    hmm. I'm using swfobject, which I think does about the same thing as UFO.

  10. #10
    FK's Official Mac Hater jasonsplace's Avatar
    Join Date
    Mar 2002
    Location
    Provo, Utah
    Posts
    2,245
    I'm guessing that it was the text box being too small and the clients computer is still using the old Flash file out of the cache. Have them clear the cache and try again.
    Jason L. Wright
    I'm not that hard to imitate. Just make some random negative claim at Apple or anything else for that matter and then have nothing to back it up.

  11. #11
    not'n' wrong with hat'n' sushi iHATEsushi's Avatar
    Join Date
    May 2006
    Location
    Ontario
    Posts
    132
    Oh ok... I'm stumped... I tested it on all my systems here and they all work fine. Keep in mind they all have the latest Flash players, so it just might be ther version he's using. What size of monitor does he have or viewing it on, compared to the size your viewing it on. Here all our monitors are 19 inches and up.

  12. #12
    Member
    Join Date
    Apr 2006
    Posts
    49
    First, thanks to all that replied. Second...

    Problem solved. Thought I'd post back here and give the solution in case anyone else has a similar problem.

    The solution was two-fold:

    1. Separate the image and the text onto different layers.
    2. Put plenty of space between the individual sample/text keyframes.

    BOTH of these needed to be done in order to completely get rid of the cut-off text problem.

    Again, this problem was VERY regional. Only viewers in Minnesota seemed to be affected. I kid you not. I had people in NY, Los Angeles, London, Texas, Michigan, Chicago, and several other states/cities checking this out, but ONLY those folks in MN were affected. Mondo mondo MONDO bizarro. MN is, BTW, is where the company is located.

    iHateSushi, your question about monitor size was a good one. Everyone from the MN area (at the company itself, and on their home PCs) reported the problem and, as you can imagine, the monitor sizes and types ran the whole spectrum. We had to therefore eliminate that as a potential problem.

    This problem makes NO sense whatsoever. You shouldn't have to put spaces between keyframes. You should really have to separate text and images that share a keyframe. Yet, for those folks in MN, that's exactly what had to be done!
    Last edited by landrvr1; 02-03-2007 at 12:34 PM.

  13. #13
    not'n' wrong with hat'n' sushi iHATEsushi's Avatar
    Join Date
    May 2006
    Location
    Ontario
    Posts
    132
    That is seriously messed up. I do not know what to say to that??? But very good to know. Thanks for the update.

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  




Click Here to Expand Forum to Full Width

HTML5 Development Center