Problema con abnner flash

scout_vlc · #1 (**permalink**) 05/02/2010, 13:00

Buenas a todos y todas!

Quiero añadir a mi template de Joomla! un banner rotatorio en flash.
Si lo hago para probarlo en una página HTML no hay problema, y sale. Puedes ver un ejemplo aquí
Yo lo que hago es editar mi "index.php" y lo pongo así:

Código PHP:

  <?php 
 
 
defined('_JEXEC') or die('Restricted access'); 
 
$url = clone(JURI::getInstance()); 
$showRightColumn = $this->countModules('user1 or user2 or right or top'); 
$showRightColumn &= JRequest::getCmd('layout') != 'form'; 
$showRightColumn &= JRequest::getCmd('task') != 'edit' 
?> 
<?php echo '<?xml version="1.0" encoding="utf-8"?'.'>'; ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
 
 
// aquí he borrado código para no hacerlo largo 
// añado el script     
 
     
        <script type="text/javascript"> 
            var flashvars = {}; 
            flashvars.settingsXML = "settings.xml"; 
            var params = {}; 
            params.scale = "noscale"; 
            params.salign = "tl"; 
            params.wmode = "transparent"; 
            var attributes = {}; 
            swfobject.embedSWF("banner.swf", "BannerDiv", "1000", "260", "9.0.0", false, flashvars, params, attributes); 
        </script> 
     
</head> 
<body> 
 
 
    <div id="all" class="style3"> 
        <div id="header"> 
            <h1 id="logo" class="style1"> 
         
//copio el código para introducir el banner, como pone en las instrucciones de donde descargué este componente flash, y que sí funciona en una página 'index.html' 
<div id="BannerDiv"> 
            <a href="http://www.adobe.com/go/getflashplayer"> 
                <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /> 
            </a> 
        </div> 
// sigue el resto de código de la página...

Lo que me sale en la página del navegador, es el icono de Descargar Adobe Flash Player... pero no el objeto flash (el banner con las imágenes)
¿Alguien sabe por qué si sale cuando lo pongo en un HTML - como el ejemplo que os he comentado al princpio - y al añadirlo como os he mostrado, en el código HTML de la página 'index.php' no sale en el navegador?

Muchas gracias!

Larenz · #2 (**permalink**) 05/02/2010, 15:41

Puedo pensar a simple vista que es problemas con las rutas. El navegador detecta por el código que se trata de un archivo flash, pero no logra llamarlo correctamente por problemas de ruta. No intentes usar rutas relativas o absolutas, intenta con las rutas que usa tu plantilla para llamar a otros archivos [ejm: css, js, php, etc.]

scout_vlc · #3 (**permalink**) 06/02/2010, 06:56

Hola!
A ver si entiendo lo que quieres decir...
Que en el código:

Código HTML:

 <script type="text/javascript"> 
            var flashvars = {}; 
            flashvars.settingsXML = "settings.xml"; 
            var params = {}; 
            params.scale = "noscale"; 
            params.salign = "tl"; 
            params.wmode = "transparent"; 
            var attributes = {}; 
            swfobject.embedSWF("banner.swf", "BannerDiv", "1000", "260", "9.0.0", false, flashvars, params, attributes); 
        </script>

Ponga esta línea así:

Código HTML:

            swfobject.embedSWF("<?php echo $tmpTools->templateurl(); ?>\banner.swf", "BannerDiv", "1000", "260", "9.0.0", false, flashvars, params, attributes);

¿Dices que lo ponga ahí? perdona si he puesto una burrada...xD
Un saludoy mil gracias!

danielmartinezr · #4 (**permalink**) 06/02/2010, 10:14

Yo lo que haría es crear una posición nueva en donde quieras poner el banner, y ya despues creas un modulo y metes el .swf ahí.

Larenz · #5 (**permalink**) 06/02/2010, 12:31

Para que no te hagas bolas aquí te mando un código que es fácil usarlo. Yo lo trabajo de la siguiente manera:

1-> Uso un archivo que lo tengo guardado en la carpeta js/AC_RunActiveContent.js, que se llama desde las etiquetas <head></head> de tu plantilla. El código dentro del archivo es el siguiente:

Código:

//v1.7
// Flash Player Version Detection
// Detect Client Browser type
// Copyright 2005-2007 Adobe Systems Incorporated.  All rights reserved.
var isIE  = (navigator.appVersion.indexOf("MSIE") != -1) ? true : false;
var isWin = (navigator.appVersion.toLowerCase().indexOf("win") != -1) ? true : false;
var isOpera = (navigator.userAgent.indexOf("Opera") != -1) ? true : false;

function ControlVersion()
{
    var version;
    var axo;
    var e;

    // NOTE : new ActiveXObject(strFoo) throws an exception if strFoo isn't in the registry

    try {
        // version will be set for 7.X or greater players
        axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.7");
        version = axo.GetVariable("$version");
    } catch (e) {
    }

    if (!version)
    {
        try {
            // version will be set for 6.X players only
            axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.6");
            
            // installed player is some revision of 6.0
            // GetVariable("$version") crashes for versions 6.0.22 through 6.0.29,
            // so we have to be careful. 
            
            // default to the first public version
            version = "WIN 6,0,21,0";

            // throws if AllowScripAccess does not exist (introduced in 6.0r47)        
            axo.AllowScriptAccess = "always";

            // safe to call for 6.0r47 or greater
            version = axo.GetVariable("$version");

        } catch (e) {
        }
    }

    if (!version)
    {
        try {
            // version will be set for 4.X or 5.X player
            axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.3");
            version = axo.GetVariable("$version");
        } catch (e) {
        }
    }

    if (!version)
    {
        try {
            // version will be set for 3.X player
            axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.3");
            version = "WIN 3,0,18,0";
        } catch (e) {
        }
    }

    if (!version)
    {
        try {
            // version will be set for 2.X player
            axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash");
            version = "WIN 2,0,0,11";
        } catch (e) {
            version = -1;
        }
    }
    
    return version;
}

// JavaScript helper required to detect Flash Player PlugIn version information
function GetSwfVer(){
    // NS/Opera version >= 3 check for Flash plugin in plugin array
    var flashVer = -1;
    
    if (navigator.plugins != null && navigator.plugins.length > 0) {
        if (navigator.plugins["Shockwave Flash 2.0"] || navigator.plugins["Shockwave Flash"]) {
            var swVer2 = navigator.plugins["Shockwave Flash 2.0"] ? " 2.0" : "";
            var flashDescription = navigator.plugins["Shockwave Flash" + swVer2].description;
            var descArray = flashDescription.split(" ");
            var tempArrayMajor = descArray[2].split(".");            
            var versionMajor = tempArrayMajor[0];
            var versionMinor = tempArrayMajor[1];
            var versionRevision = descArray[3];
            if (versionRevision == "") {
                versionRevision = descArray[4];
            }
            if (versionRevision[0] == "d") {
                versionRevision = versionRevision.substring(1);
            } else if (versionRevision[0] == "r") {
                versionRevision = versionRevision.substring(1);
                if (versionRevision.indexOf("d") > 0) {
                    versionRevision = versionRevision.substring(0, versionRevision.indexOf("d"));
                }
            }
            var flashVer = versionMajor + "." + versionMinor + "." + versionRevision;
        }
    }
    // MSN/WebTV 2.6 supports Flash 4
    else if (navigator.userAgent.toLowerCase().indexOf("webtv/2.6") != -1) flashVer = 4;
    // WebTV 2.5 supports Flash 3
    else if (navigator.userAgent.toLowerCase().indexOf("webtv/2.5") != -1) flashVer = 3;
    // older WebTV supports Flash 2
    else if (navigator.userAgent.toLowerCase().indexOf("webtv") != -1) flashVer = 2;
    else if ( isIE && isWin && !isOpera ) {
        flashVer = ControlVersion();
    }    
    return flashVer;
}

// When called with reqMajorVer, reqMinorVer, reqRevision returns true if that version or greater is available
function DetectFlashVer(reqMajorVer, reqMinorVer, reqRevision)
{
    versionStr = GetSwfVer();
    if (versionStr == -1 ) {
        return false;
    } else if (versionStr != 0) {
        if(isIE && isWin && !isOpera) {
            // Given "WIN 2,0,0,11"
            tempArray         = versionStr.split(" ");     // ["WIN", "2,0,0,11"]
            tempString        = tempArray[1];            // "2,0,0,11"
            versionArray      = tempString.split(",");    // ['2', '0', '0', '11']
        } else {
            versionArray      = versionStr.split(".");
        }
        var versionMajor      = versionArray[0];
        var versionMinor      = versionArray[1];
        var versionRevision   = versionArray[2];

            // is the major.revision >= requested major.revision AND the minor version >= requested minor
        if (versionMajor > parseFloat(reqMajorVer)) {
            return true;
        } else if (versionMajor == parseFloat(reqMajorVer)) {
            if (versionMinor > parseFloat(reqMinorVer))
                return true;
            else if (versionMinor == parseFloat(reqMinorVer)) {
                if (versionRevision >= parseFloat(reqRevision))
                    return true;
            }
        }
        return false;
    }
}

function AC_AddExtension(src, ext)
{
  if (src.indexOf('?') != -1)
    return src.replace(/\?/, ext+'?'); 
  else
    return src + ext;
}

function AC_Generateobj(objAttrs, params, embedAttrs) 
{ 
  var str = '';
  if (isIE && isWin && !isOpera)
  {
    str += '<object ';
    for (var i in objAttrs)
    {
      str += i + '="' + objAttrs[i] + '" ';
    }
    str += '>';
    for (var i in params)
    {
      str += '<param name="' + i + '" value="' + params[i] + '" /> ';
    }
    str += '</object>';
  }
  else
  {
    str += '<embed ';
    for (var i in embedAttrs)
    {
      str += i + '="' + embedAttrs[i] + '" ';
    }
    str += '> </embed>';
  }

  document.write(str);
}

function AC_FL_RunContent(){
  var ret = 
    AC_GetArgs
    (  arguments, ".swf", "movie", "clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
     , "application/x-shockwave-flash"
    );
  AC_Generateobj(ret.objAttrs, ret.params, ret.embedAttrs);
}

function AC_SW_RunContent(){
  var ret = 
    AC_GetArgs
    (  arguments, ".dcr", "src", "clsid:166B1BCA-3F9C-11CF-8075-444553540000"
     , null
    );
  AC_Generateobj(ret.objAttrs, ret.params, ret.embedAttrs);
}

function AC_GetArgs(args, ext, srcParamName, classid, mimeType){
  var ret = new Object();
  ret.embedAttrs = new Object();
  ret.params = new Object();
  ret.objAttrs = new Object();
  for (var i=0; i < args.length; i=i+2){
    var currArg = args[i].toLowerCase();    

    switch (currArg){    
      case "classid":
        break;
      case "pluginspage":
        ret.embedAttrs[args[i]] = args[i+1];
        break;
      case "src":
      case "movie":    
        args[i+1] = AC_AddExtension(args[i+1], ext);
        ret.embedAttrs["src"] = args[i+1];
        ret.params[srcParamName] = args[i+1];
        break;
      case "onafterupdate":
      case "onbeforeupdate":
      case "onblur":
      case "oncellchange":
      case "onclick":
      case "ondblClick":
      case "ondrag":
      case "ondragend":
      case "ondragenter":
      case "ondragleave":
      case "ondragover":
      case "ondrop":
      case "onfinish":
      case "onfocus":
      case "onhelp":
      case "onmousedown":
      case "onmouseup":
      case "onmouseover":
      case "onmousemove":
      case "onmouseout":
      case "onkeypress":
      case "onkeydown":
      case "onkeyup":
      case "onload":
      case "onlosecapture":
      case "onpropertychange":
      case "onreadystatechange":
      case "onrowsdelete":
      case "onrowenter":
      case "onrowexit":
      case "onrowsinserted":
      case "onstart":
      case "onscroll":
      case "onbeforeeditfocus":
      case "onactivate":
      case "onbeforedeactivate":
      case "ondeactivate":
      case "type":
      case "codebase":
      case "id":
        ret.objAttrs[args[i]] = args[i+1];
        break;
      case "width":
      case "height":
      case "align":
      case "vspace": 
      case "hspace":
      case "class":
      case "title":
      case "accesskey":
      case "name":
      case "tabindex":
        ret.embedAttrs[args[i]] = ret.objAttrs[args[i]] = args[i+1];
        break;
      default:
        ret.embedAttrs[args[i]] = ret.params[args[i]] = args[i+1];
    }
  }
  ret.objAttrs["classid"] = classid;
  if (mimeType) ret.embedAttrs["type"] = mimeType;
  return ret;
}

Larenz · #6 (**permalink**) 06/02/2010, 12:46

2-> Ahora tengo que llamar a ese archivo guardado en la carpeta js de mi plantilla y con el nombre de AC_RunActiveContent.js. Para llamarlo, ejm:

Código HTML:

<head>
   <script language="javascript" type="text/javascript" src="<?php echo $this->templateurl(); ?>/js/AC_RunActiveContent.js"></script>
</head>

3-> Ahora pego el siguiente código en mi archivo index.php en la parte que quiero que aparezca el flash. Checa bien las medidas que uso y los lugares en donde llamo al archivo:

Código HTML:

<div id="ja-header" class="wrap">
<div class="main clearfix">

<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','960','height','116','title','header','src','images/header','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','images/header' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="960" height="116" title="header">
<param name="movie" value="images/header.swf">
<param name="quality" value="high">
<embed src="images/header.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="960" height="116"></embed>
</object></noscript>

</div>
</div>

4-> Si te fijas guardé el archivo en la carpeta images de la plantilla. El archivo se llama header.swf he puesto la ruta y el nombre sin la extención (images/header)

Espero ayudarte.... de la manera en que me dices fue a como te dije en un principio, pero espero que este código simplifique las cosas.

P.D: Tuve que hacer dos posts para explicarte puesto que no me permitía meter más de 10000 caracteres en mi respuesta... (debilidad del foro) Jejejeje

scout_vlc · #7 (**permalink**) 08/02/2010, 13:07

:(

Funciona cuando pruebo en una página PHP sin más.
Pero cuando lo añado en el index.php de mi template, no sale nada.....

Código HTML:

<?php echo '<?xml version="1.0" encoding="utf-8"?'.'>'; ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>" >
<head>
	<meta content="es" http-equiv="Content-Language">
	<jdoc:include type="head" />
	<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/nueva_web/css/template.css" type="text/css" />
	<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/nueva_web/css/position.css" type="text/css" media="screen,projection" />
	<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/nueva_web/css/layout.css" type="text/css" media="screen,projection" />
	<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/nueva_web/css/print.css" type="text/css" media="Print" />
	<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/nueva_web/css/general.css" type="text/css" />
	<?php if($this->direction == 'rtl') : ?>
	<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/nueva_web/css/template_rtl.css" type="text/css" />

Código HTML:

<script type="text/javascript" src="<?php echo $this->baseurl ?>AC_RunActiveContent.js"></script>

	
	
</head>
<body>
	<div id="all" class="style3">
		<div id="header">
			<h1 id="logo" class="style1">
		<div id="ja-header" class="wrap">
<div class="main clearfix">

<script type="text/javascript">
AC_FL_RunContent( "codebase","http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0","width","960","height","116","title","header","src","images/header","quality","high","pluginspage","http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash","movie","images/header" ); //end AC code
</script>
<noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="960" height="116" title="header">
<param name="movie" value="images/header.swf">
<param name="quality" value="high">
<embed src="images/header.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="960" height="116"></embed>
</object></noscript>

</div>
</div>
//continua la plantilla

En el navegador no sale nada, ni siquiera un recuadro de ese tamaño en blanco, ni el logo para descargar el Flash,....nada!
¿Por qué en una página que sólo contiene esto sí funciona?

Código PHP:

  <?php 
echo'<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
 
<head> 
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> 
<title>Sin título 2</title> 
    <script language="javascript" type="text/javascript" src="AC_RunActiveContent.js"></script> 
 
</head> 
 
<body> 
        <div id="ja-header" class="wrap"> 
<div class="main clearfix"> 
 
<script type="text/javascript"> 
AC_FL_RunContent( "codebase","http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0","width","960","height","116","title","header","src","images/header","quality","high","pluginspage","http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash","movie","images/header" ); //end AC code 
</script> 
<noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="960" height="116" title="header"> 
<param name="movie" value="images/header.swf"> 
<param name="quality" value="high"> 
<embed src="images/header.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="960" height="116"></embed> 
</object></noscript> 
 
</div> 
</div> 
 
</body> 
 
</html> 
'; 
 
?>

Esto si funciona correctamente..... y no entiendo como al llevarlo al index.php del template no funciona!!!!

Larenz · #8 (**permalink**) 08/02/2010, 16:30

Es por problemas de ruta amigo! Fíjate bien siempre. Mira cómo lo has hecho:

Código HTML:

<head>
<script type="text/javascript" src="<?php echo $this->baseurl ?>AC_RunActiveContent.js"></script>
</head>

Digamos que soy el navegador. ¿Cómo voy a interpretar ese código?

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

Yo todavía te doy el ejemplo y no lo pones en práctica. Hazlo como lo hago yo, a como lo pongo en mi ejemplo. Ustedes hacen las cosas a como les da la gana y no les gusta seguir consejos. Si de la manera en que tu lo haces no funciona, prueba con mi ejemplo.

Puede que por tus tipos de archivos no funcione del todo, pero, ¿cómo saberlo si aún sigues haciéndolo a tu manera? Ese ruta que pusistes en el código está mal. Mira bien:

-> <?php echo $this->baseurl ?> = Significa la ruta en donde encontrará el archivo.
-> AC_RunActiveContent.js = Es el archivo a encontrar en la ruta.

Pero tú lo tienes así:

Código HTML:

src="<?php echo $this->baseurl ?>AC_RunActiveContent.js"

Cuando en todo caso debería de ser así:

Código HTML:

src="<?php echo $this->baseurl ?>/AC_RunActiveContent.js"

Te recomiendo entres a la carpeta de tu plantilla y crees una nueva carpeta llamada js y dentro de ella crees un nuevo archivo llamado AC_RunActiveContent.js; obviamente abres ese archivo y le pegas el código que te di en el otro post.

Una vez hecho esto solo te vas a las etiquetas <head></head> y lo dejas mas o menos así:

Código HTML:

<script type="text/javascript" src="<?php echo $this->baseurl ?>/js/AC_RunActiveContent.js"></script>

De esa manera y haces todo bien a como te lo he estado explicando tiene que funcionarte. Hazlo siguiendo los pasos que te doy y hazlo tranquilamente. Yo puedo equivocarme en la forma en que explico las cosas, pero muchas veces si ustedes siguieran los consejos de uno al pie de la letra, se ahorrarían tanto desmadre.

Espero ayudarte a solucionar tu problema. Saludos y nos comentas el progreso...