Zurück   Flashforum > Flex und AIR > Flex programmieren

Antwort
 
LinkBack Themen-Optionen Ansicht
Alt 26-10-2011, 20:08   #1 (permalink)
Neuer User
 
Registriert seit: Jun 2010
Beiträge: 1
Mit Flex erstelltes Pageflip funktioniert nicht richtig

Hallo,

Erstmal muss ich gleich sagen, das ich von Flex leider keine Ahnung habe, daher bitte ich um Entschuldigung, wenn meine Frage vieleicht fuer die Gurus hier dumm klingt.
Ich habe eine Seite (pageflip mit commerziellem Programm ( Der Customerservice antwortet nicht)) die bis vor 2 Tagen funktioniert hat. Jetzt erscheint bei Aufruf die pageflipseiten nicht mehr. Erst wenn mann auf Fullscreen geht erscheinen die Seiten und bleiben auch, wenn man wieder auf normalscreen geht. Ansonsten funktioniert die ganze Sache normal.
Ich poste mal hier das ellenlange Skript. Vieleicht hat jemand von euch die Zeit , mal drueber zu schauen und findet irgendetwas. Mein Javascript ist leider noch nicht genug fortgeschritten, um das wirklich zu verstehen.
Bin fuer jede Antwort dankbar. Das Problem kann mann unter revista_sept_01 anschauen.
Der komplette Code past leider hier nicht ganz rein, daher hab ich noch als pageflip.txt drangehaengt.

VG Boromir

Hier also das Script:
Code:
<!-- 
    Smart developers always View Source. 
    
    This application was built using Adobe Flex, an open source framework
    for building rich Internet applications that get delivered via the
    Flash Player or to desktops via Adobe AIR. 
    


<style type="text/css" media="screen">
/*<![CDATA[*/
html,
body
{
 height:100%;
}

body
{
 margin:0;
 padding:0;
 overflow:auto;
 text-align:center;
 background-color: #ffffff;
}

#flashContent
{
 display:none;
}
/*]]>*/
</style>

<script type="text/javascript">
//<![CDATA[
         
         /*! SWFObject v2.2 <http://code.google.com/p/swfobject/> 
 is released under the MIT License <http://www.opensource.org/licenses/mit-license.php> 
*/

var swfobject = function() {
 
 var UNDEF = "undefined",
  OBJECT = "object",
  SHOCKWAVE_FLASH = "Shockwave Flash",
  SHOCKWAVE_FLASH_AX = "ShockwaveFlash.ShockwaveFlash",
  FLASH_MIME_TYPE = "application/x-shockwave-flash",
  EXPRESS_INSTALL_ID = "SWFObjectExprInst",
  ON_READY_STATE_CHANGE = "onreadystatechange",
  
  win = window,
  doc = document,
  nav = navigator,
  
  plugin = false,
  domLoadFnArr = [main],
  regObjArr = [],
  objIdArr = [],
  listenersArr = [],
  storedAltContent,
  storedAltContentId,
  storedCallbackFn,
  storedCallbackObj,
  isDomLoaded = false,
  isExpressInstallActive = false,
  dynamicStylesheet,
  dynamicStylesheetMedia,
  autoHideShow = true,
 
 /* Centralized function for browser feature detection
  - User agent string detection is only used when no good alternative is possible
  - Is executed directly for optimal performance
 */ 
 ua = function() {
  var w3cdom = typeof doc.getElementById != UNDEF && typeof doc.getElementsByTagName != UNDEF && typeof doc.createElement != UNDEF,
   u = nav.userAgent.toLowerCase(),
   p = nav.platform.toLowerCase(),
   windows = p ? /win/.test(p) : /win/.test(u),
   mac = p ? /mac/.test(p) : /mac/.test(u),
   webkit = /webkit/.test(u) ? parseFloat(u.replace(/^.*webkit\/(\d+(\.\d+)?).*$/, "$1")) : false, // returns either the webkit version or false if not webkit
   ie = !+"\v1", // feature detection based on Andrea Giammarchi's solution: http://webreflection.blogspot.com/2009/01/32-bytes-to-know-if-your-browser-is-ie.html
   playerVersion = [0,0,0],
   d = null;
  if (typeof nav.plugins != UNDEF && typeof nav.plugins[SHOCKWAVE_FLASH] == OBJECT) {
   d = nav.plugins[SHOCKWAVE_FLASH].description;
   if (d && !(typeof nav.mimeTypes != UNDEF && nav.mimeTypes[FLASH_MIME_TYPE] && !nav.mimeTypes[FLASH_MIME_TYPE].enabledPlugin)) { // navigator.mimeTypes["application/x-shockwave-flash"].enabledPlugin indicates whether plug-ins are enabled or disabled in Safari 3+
    plugin = true;
    ie = false; // cascaded feature detection for Internet Explorer
    d = d.replace(/^.*\s+(\S+\s+\S+$)/, "$1");
    playerVersion[0] = parseInt(d.replace(/^(.*)\..*$/, "$1"), 10);
    playerVersion[1] = parseInt(d.replace(/^.*\.(.*)\s.*$/, "$1"), 10);
    playerVersion[2] = /[a-zA-Z]/.test(d) ? parseInt(d.replace(/^.*[a-zA-Z]+(.*)$/, "$1"), 10) : 0;
   }
  }
  else if (typeof win.ActiveXObject != UNDEF) {
   try {
    var a = new ActiveXObject(SHOCKWAVE_FLASH_AX);
    if (a) { // a will return null when ActiveX is disabled
     d = a.GetVariable("$version");
     if (d) {
      ie = true; // cascaded feature detection for Internet Explorer
      d = d.split(" ")[1].split(",");
      playerVersion = [parseInt(d[0], 10), parseInt(d[1], 10), parseInt(d[2], 10)];
     }
    }
   }
   catch(e) {}
  }
  return { w3:w3cdom, pv:playerVersion, wk:webkit, ie:ie, win:windows, mac:mac };
 }(),
 
 /* Cross-browser onDomLoad
  - Will fire an event as soon as the DOM of a web page is loaded
  - Internet Explorer workaround based on Diego Perini's solution: http://javascript.nwbox.com/IEContentLoaded/
  - Regular onload serves as fallback
 */ 
 onDomLoad = function() {
  if (!ua.w3) { return; }
  if ((typeof doc.readyState != UNDEF && doc.readyState == "complete") || (typeof doc.readyState == UNDEF && (doc.getElementsByTagName("body")[0] || doc.body))) { // function is fired after onload, e.g. when script is inserted dynamically 
   callDomLoadFunctions();
  }
  if (!isDomLoaded) {
   if (typeof doc.addEventListener != UNDEF) {
    doc.addEventListener("DOMContentLoaded", callDomLoadFunctions, false);
   }  
   if (ua.ie && ua.win) {
    doc.attachEvent(ON_READY_STATE_CHANGE, function() {
     if (doc.readyState == "complete") {
      doc.detachEvent(ON_READY_STATE_CHANGE, arguments.callee);
      callDomLoadFunctions();
     }
    });
    if (win == top) { // if not inside an iframe
     (function(){
      if (isDomLoaded) { return; }
      try {
       doc.documentElement.doScroll("left");
      }
      catch(e) {
       setTimeout(arguments.callee, 0);
       return;
      }
      callDomLoadFunctions();
     })();
    }
   }
   if (ua.wk) {
    (function(){
     if (isDomLoaded) { return; }
     if (!/loaded|complete/.test(doc.readyState)) {
      setTimeout(arguments.callee, 0);
      return;
     }
     callDomLoadFunctions();
    })();
   }
   addLoadEvent(callDomLoadFunctions);
  }
 }();
 
 function callDomLoadFunctions() {
  if (isDomLoaded) { return; }
  try { // test if we can really add/remove elements to/from the DOM; we don't want to fire it too early
   var t = doc.getElementsByTagName("body")[0].appendChild(createElement("span"));
   t.parentNode.removeChild(t);
  }
  catch (e) { return; }
  isDomLoaded = true;
  var dl = domLoadFnArr.length;
  for (var i = 0; i < dl; i++) {
   domLoadFnArr[i]();
  }
 }
 
 function addDomLoadEvent(fn) {
  if (isDomLoaded) {
   fn();
  }
  else { 
   domLoadFnArr[domLoadFnArr.length] = fn; // Array.push() is only available in IE5.5+
  }
 }
 
 /* Cross-browser onload
  - Based on James Edwards' solution: http://brothercake.com/site/resources/scripts/onload/
  - Will fire an event as soon as a web page including all of its assets are loaded 
  */
 function addLoadEvent(fn) {
  if (typeof win.addEventListener != UNDEF) {
   win.addEventListener("load", fn, false);
  }
  else if (typeof doc.addEventListener != UNDEF) {
   doc.addEventListener("load", fn, false);
  }
  else if (typeof win.attachEvent != UNDEF) {
   addListener(win, "onload", fn);
  }
  else if (typeof win.onload == "function") {
   var fnOld = win.onload;
   win.onload = function() {
    fnOld();
    fn();
   };
  }
  else {
   win.onload = fn;
  }
 }
 
 /* Main function
  - Will preferably execute onDomLoad, otherwise onload (as a fallback)
 */
 function main() { 
  if (plugin) {
   testPlayerVersion();
  }
  else {
   matchVersions();
  }
 }
 
 /* Detect the Flash Player version for non-Internet Explorer browsers
  - Detecting the plug-in version via the object element is more precise than using the plugins collection item's description:
    a. Both release and build numbers can be detected
    b. Avoid wrong descriptions by corrupt installers provided by Adobe
    c. Avoid wrong descriptions by multiple Flash Player entries in the plugin Array, caused by incorrect browser imports
  - Disadvantage of this method is that it depends on the availability of the DOM, while the plugins collection is immediately available
 */
 function testPlayerVersion() {
  var b = doc.getElementsByTagName("body")[0];
  var o = createElement(OBJECT);
  o.setAttribute("type", FLASH_MIME_TYPE);
  var t = b.appendChild(o);
  if (t) {
   var counter = 0;
   (function(){
    if (typeof t.GetVariable != UNDEF) {
     var d = t.GetVariable("$version");
     if (d) {
      d = d.split(" ")[1].split(",");
      ua.pv = [parseInt(d[0], 10), parseInt(d[1], 10), parseInt(d[2], 10)];
     }
    }
    else if (counter < 10) {
     counter++;
     setTimeout(arguments.callee, 10);
     return;
    }
    b.removeChild(o);
    t = null;
    matchVersions();
   })();
  }
  else {
   matchVersions();
  }
 }
 
 /* Perform Flash Player and SWF version matching; static publishing only
 */
 function matchVersions() {
  var rl = regObjArr.length;
  if (rl > 0) {
   for (var i = 0; i < rl; i++) { // for each registered object element
    var id = regObjArr[i].id;
    var cb = regObjArr[i].callbackFn;
    var cbObj = {success:false, id:id};
    if (ua.pv[0] > 0) {
     var obj = getElementById(id);
     if (obj) {
      if (hasPlayerVersion(regObjArr[i].swfVersion) && !(ua.wk && ua.wk < 312)) { // Flash Player version >= published SWF version: Houston, we have a match!
       setVisibility(id, true);
       if (cb) {
        cbObj.success = true;
        cbObj.ref = getObjectById(id);
        cb(cbObj);
       }
      }
      else if (regObjArr[i].expressInstall && canExpressInstall()) { // show the Adobe Express Install dialog if set by the web page author and if supported
       var att = {};
       att.data = regObjArr[i].expressInstall;
       att.width = obj.getAttribute("width") || "0";
       att.height = obj.getAttribute("height") || "0";
       if (obj.getAttribute("class")) { att.styleclass = obj.getAttribute("class"); }
       if (obj.getAttribute("align")) { att.align = obj.getAttribute("align"); }
       // parse HTML object param element's name-value pairs
       var par = {};
       var p = obj.getElementsByTagName("param");
       var pl = p.length;
       for (var j = 0; j < pl; j++) {
        if (p[j].getAttribute("name").toLowerCase() != "movie") {
         par[p[j].getAttribute("name")] = p[j].getAttribute("value");
        }
       }
       showExpressInstall(att, par, id, cb);
      }
      else { // Flash Player and SWF version mismatch or an older Webkit engine that ignores the HTML object element's nested param elements: display alternative content instead of SWF
       displayAltContent(obj);
       if (cb) { cb(cbObj); }
      }
     }
    }
    else { // if no Flash Player is installed or the fp version cannot be detected we let the HTML object element do its job (either show a SWF or alternative content)
     setVisibility(id, true);
     if (cb) {
      var o = getObjectById(id); // test whether there is an HTML object element or not
      if (o && typeof o.SetVariable != UNDEF) { 
       cbObj.success = true;
       cbObj.ref = o;
      }
      cb(cbObj);
     }
    }
   }
  }
 }
 
 function getObjectById(objectIdStr) {
  var r = null;
  var o = getElementById(objectIdStr);
  if (o && o.nodeName == "OBJECT") {
   if (typeof o.SetVariable != UNDEF) {
    r = o;
   }
   else {
    var n = o.getElementsByTagName(OBJECT)[0];
    if (n) {
     r = n;
    }
   }
  }
  return r;
 }
 
 /* Requirements for Adobe Express Install
  - only one instance can be active at a time
  - fp 6.0.65 or higher
  - Win/Mac OS only
  - no Webkit engines older than version 312
 */
 function canExpressInstall() {
  return !isExpressInstallActive && hasPlayerVersion("6.0.65") && (ua.win || ua.mac) && !(ua.wk && ua.wk < 312);
 }
 
 /* Show the Adobe Express Install dialog
  - Reference: http://www.adobe.com/cfusion/knowledgebase/index.cfm?id=6a253b75
 */
 function showExpressInstall(att, par, replaceElemIdStr, callbackFn) {
  isExpressInstallActive = true;
  storedCallbackFn = callbackFn || null;
  storedCallbackObj = {success:false, id:replaceElemIdStr};
  var obj = getElementById(replaceElemIdStr);
  if (obj) {
   if (obj.nodeName == "OBJECT") { // static publishing
    storedAltContent = abstractAltContent(obj);
    storedAltContentId = null;
   }
   else { // dynamic publishing
    storedAltContent = obj;
    storedAltContentId = replaceElemIdStr;
   }
   att.id = EXPRESS_INSTALL_ID;
   if (typeof att.width == UNDEF || (!/%$/.test(att.width) && parseInt(att.width, 10) < 310)) { att.width = "310"; }
   if (typeof att.height == UNDEF || (!/%$/.test(att.height) && parseInt(att.height, 10) < 137)) { att.height = "137"; }
   doc.title = doc.title.slice(0, 47) + " - Flash Player Installation";
   var pt = ua.ie && ua.win ? "ActiveX" : "PlugIn",
    fv = "MMredirectURL=" + encodeURI(window.location).toString().replace(/&/g,"%26") + "&MMplayerType=" + pt + "&MMdoctitle=" + doc.title;
   if (typeof par.flashvars != UNDEF) {
    par.flashvars += "&" + fv;
   }
   else {
    par.flashvars = fv;
   }
   // IE only: when a SWF is loading (AND: not available in cache) wait for the readyState of the object element to become 4 before removing it,
   // because you cannot properly cancel a loading SWF file without breaking browser load references, also obj.onreadystatechange doesn't work
   if (ua.ie && ua.win && obj.readyState != 4) {
    var newObj = createElement("div");
    replaceElemIdStr += "SWFObjectNew";
    newObj.setAttribute("id", replaceElemIdStr);
    obj.parentNode.insertBefore(newObj, obj); // insert placeholder div that will be replaced by the object element that loads expressinstall.swf
    obj.style.display = "none";
    (function(){
     if (obj.readyState == 4) {
      obj.parentNode.removeChild(obj);
     }
     else {
      setTimeout(arguments.callee, 10);
     }
    })();
   }
   createSWF(att, par, replaceElemIdStr);
  }
 }
 
 /* Functions to abstract and display alternative content
 */
 function displayAltContent(obj) {
  if (ua.ie && ua.win && obj.readyState != 4) {
   // IE only: when a SWF is loading (AND: not available in cache) wait for the readyState of the object element to become 4 before removing it,
   // because you cannot properly cancel a loading SWF file without breaking browser load references, also obj.onreadystatechange doesn't work
   var el = createElement("div");
   obj.parentNode.insertBefore(el, obj); // insert placeholder div that will be replaced by the alternative content
   el.parentNode.replaceChild(abstractAltContent(obj), el);
   obj.style.display = "none";
   (function(){
    if (obj.readyState == 4) {
     obj.parentNode.removeChild(obj);
    }
    else {
     setTimeout(arguments.callee, 10);
    }
   })();
  }
  else {
   obj.parentNode.replaceChild(abstractAltContent(obj), obj);
  }
 } 

 function abstractAltContent(obj) {
  var ac = createElement("div");
  if (ua.win && ua.ie) {
   ac.innerHTML = obj.innerHTML;
  }
  else {
   var nestedObj = obj.getElementsByTagName(OBJECT)[0];
   if (nestedObj) {
    var c = nestedObj.childNodes;
    if (c) {
     var cl = c.length;
     for (var i = 0; i < cl; i++) {
      if (!(c[i].nodeType == 1 && c[i].nodeName == "PARAM") && !(c[i].nodeType == 8)) {
       ac.appendChild(c[i].cloneNode(true));
      }
     }
    }
   }
  }
  return ac;
 }
 
 /* Cross-browser dynamic SWF creation
 */
 function createSWF(attObj, parObj, id) {
  var r, el = getElementById(id);
  if (ua.wk && ua.wk < 312) { return r; }
  if (el) {
   if (typeof attObj.id == UNDEF) { // if no 'id' is defined for the object element, it will inherit the 'id' from the alternative content
    attObj.id = id;
   }
   if (ua.ie && ua.win) { // Internet Explorer + the HTML object element + W3C DOM methods do not combine: fall back to outerHTML
    var att = "";
    for (var i in attObj) {
     if (attObj[i] != Object.prototype[i]) { // filter out prototype additions from other potential libraries
      if (i.toLowerCase() == "data") {
       parObj.movie = attObj[i];
      }
      else if (i.toLowerCase() == "styleclass") { // 'class' is an ECMA4 reserved keyword
       att += ' class="' + attObj[i] + '"';
      }
      else if (i.toLowerCase() != "classid") {
       att += ' ' + i + '="' + attObj[i] + '"';
      }
     }
    }
    var par = "";
    for (var j in parObj) {
     if (parObj[j] != Object.prototype[j]) { // filter out prototype additions from other potential libraries
      par += '<param name="' + j + '" value="' + parObj[j] + '" />';
     }
    }
    el.outerHTML = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"' + att + '>' + par + '<\/object>';
    objIdArr[objIdArr.length] = attObj.id; // stored to fix object 'leaks' on unload (dynamic publishing only)
    r = getElementById(attObj.id); 
   }
   else { // well-behaving browsers
    var o = createElement(OBJECT);
    o.setAttribute("type", FLASH_MIME_TYPE);
    for (var m in attObj) {
     if (attObj[m] != Object.prototype[m]) { // filter out prototype additions from other potential libraries
      if (m.toLowerCase() == "styleclass") { // 'class' is an ECMA4 reserved keyword
       o.setAttribute("class", attObj[m]);
      }
      else if (m.toLowerCase() != "classid") { // filter out IE specific attribute
       o.setAttribute(m, attObj[m]);
      }
     }
    }
    for (var n in parObj) {
     if (parObj[n] != Object.prototype[n] && n.toLowerCase() != "movie") { // filter out prototype additions from other potential libraries and IE specific param element
      createObjParam(o, n, parObj[n]);
     }
    }
    el.parentNode.replaceChild(o, el);
    r = o;
   }
  }
  return r;
 }
 
 function createObjParam(el, pName, pValue) {
  var p = createElement("param");
  p.setAttribute("name", pName); 
  p.setAttribute("value", pValue);
  el.appendChild(p);
 }
 
 /* Cross-browser SWF removal
  - Especially needed to safely and completely remove a SWF in Internet Explorer
 */
 function removeSWF(id) {
  var obj = getElementById(id);
  if (obj && obj.nodeName == "OBJECT") {
   if (ua.ie && ua.win) {
    obj.style.display = "none";
    (function(){
     if (obj.readyState == 4) {
      removeObjectInIE(id);
     }
     else {
      setTimeout(arguments.callee, 10);
     }
    })();
   }
   else {
    obj.parentNode.removeChild(obj);
   }
  }
 }
 
 function removeObjectInIE(id) {
  var obj = getElementById(id);
  if (obj) {
   for (var i in obj) {
    if (typeof obj[i] == "function") {
     obj[i] = null;
    }
   }
   obj.parentNode.removeChild(obj);
  }
 }
 
 /* Functions to optimize JavaScript compression
 */
 function getElementById(id) {
  var el = null;
  try {
   el = doc.getElementById(id);
  }
  catch (e) {}
  return el;
 }
 
 function createElement(el) {
  return doc.createElement(el);
 }
 
 /* Updated attachEvent function for Internet Explorer
  - Stores attachEvent information in an Array, so on unload the detachEvent functions can be called to avoid memory leaks
 */ 
 function addListener(target, eventType, fn) {
  target.attachEvent(eventType, fn);
  listenersArr[listenersArr.length] = [target, eventType, fn];
 }
der koplette Code ist in der pageflip.txt in anhang
Angehängte Dateien
Dateityp: txt pageflip.txt (32,6 KB, 1x aufgerufen)
boromir ist offline   Mit Zitat antworten
Antwort

Lesezeichen

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks sind an
Pingbacks sind an
Refbacks sind an


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
flex Einstieg .. manual Bsp will nicht richtig carsten cs Flex programmieren 9 01-02-2010 22:55
GIF/PNG in Flex nicht richtig durchsichtig? Mullekopf Flex allgemein 4 20-08-2008 14:33
PageFlip mit LoadMovie und Masken funktioniert nicht ja-nine Flash Einsteiger 0 27-05-2007 21:02
Machintosh-erstelltes Spiel auf PC funktioniert nicht wachteli Spielkonzepte und Spieleprogrammierung 4 01-01-2005 23:08
CSS funktioniert nicht richtig JSF Am Rande 22 05-05-2003 00:12


Alle Zeitangaben in WEZ +1. Es ist jetzt 13:17 Uhr.

Domains, Webhosting & Vserver von Host Europe
Unterstützt das Flashforum!
Adobe User Group


Copyright ©1999 – 2012 Marc Thiele