Ayuda con Precarga de web! URGENTE

manugm94 · #1 (**permalink**) 09/05/2010, 10:55

Hola!
Buenas tardes programadores. Me estoy inciando en esto de la programacion de webs y todo eso pero aun soy todo un principiante.
Me ha surgido un problema con mi web.(html de mi web abajo).
el problema es que quiero hacer una precarga para la web en genenral, en especial el archivo MUSICA.swf que es el que mas pesa de todos (casi 2.7 mb). Lo que necesito es k me ayuden a añadir el codigo de precarga en javascript para mi web.

<!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 http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>Mofi Mokin</title>


<style type="text/css">

</style></head>

<body>

<div id="Layer2"><img src="Marco copia.jpg" alt="Marco" width="650" height="401" border="4" align="middle" /></div>
<div align="center"><img src="header copia.jpg" width="100%" height="100" alt="HEAD" />
<div id="Layer1"><img src="dancing.gif" alt="Dancing Japos" width="613" height="364" border="0" align="baseline" /></div>
<img src="enmedio.jpg" width="100%" height="437" alt="ENmedio" />
<div id="Layer3">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="10" height="10" title="musica">
<param name="movie" value="MUSICA.swf" />
<param name="quality" value="high" />
<embed src="MUSICA.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="10" height="10"></embed>
</object>
</div>
<img src="Sin título-1 copia.jpg" width="100%" height="31" alt="Down" /></div>
</body>

</html>

Muchisimas gracias a todos y espero que consigan ayudarme.

crujikoki · #2 (**permalink**) 10/05/2010, 03:37

Hola,

Bienvenido al foro, espero que te seamos de ayuda!

Sobre el tema que propones, la verdadq ue nunca he hecho lo que preguntas, pero googleando un poco he encontrado esto:

Enlace 1

Enlace 2

El enlace e está en inglés, pero puedes ver una demo de lo que hace mientras carga las imagenes. Me parece más curradillo que el primero. Pero eso dependiendo de lo que quieras hacer.

Espero que te haya ayudado.
Saludos!

raxper · #3 (**permalink**) 10/05/2010, 06:45

Tiene razón, primero no te entendí, pero tmb lo puedes hacer con ajax

Tu repro lo puedes poner en un documento php, asi desde <a></a> lo llamas ;D y este se carga :O ¬¬

Código HTML:

 <a href="javascript:ajax('carpeta/documentophp');">Documento, no hace falta.php ya que en la variable url lo pusistes el formato.</a><br>
// Todo esto carga en
<div id="genero">

Código PHP:

  // Todo esto esto va en ajax.js, ahora desde html o php o asp colocas el div para que ahi pueda cargar  ;D
function get_ajax(url,capa,metodo){ 
      var ajax=creaAjax();
      var capaContenedora = document.getElementById(capa);
if (metodo.toUpperCase()=='GET'){
    ajax.open ('GET', url, true);
    ajax.onreadystatechange = function() {
if (ajax.readyState==1)
{
var load_="<br><br><br><br><br><center><br><img src=\"http://www.travelcar.es/travelcar/images07/cargando.gif\" /><br><b>Cargando Contenido ...</b></center><br><br><br>";
capaContenedora.innerHTML=load_;                                    }
else if (ajax.readyState==4){
if(ajax.status==200){                     
document.getElementById(capa).innerHTML=ajax.responseText; 
}
else if(ajax.status==404)
{
capaContenedora.innerHTML = "<center><h2><b>ERROR 404</b></h2>LA PAGINA NO EXISTE</center>";
}
else
{
capaContenedora.innerHTML = "Error: ".ajax.status;                                                      }
}
}
ajax.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
ajax.send(null);
return
}
}
function creaAjax(){
var objetoAjax=false;
try{objetoAjax = new ActiveXObject("Msxml2.XMLHTTP");}
catch(e){try {objetoAjax = new ActiveXObject("Microsoft.XMLHTTP");} 
catch (E){objetoAjax = false;}}
if(!objetoAjax && typeof XMLHttpRequest!='undefined') {
objetoAjax = new XMLHttpRequest();}  return objetoAjax;
}
function ajax(contenido){
                var url=''+ contenido +'.php';
                var capa='genero';
                var metodo='get';                        
                get_ajax(url,capa,metodo);
                }
                
var XMLHttpRequestObject = false;
if (window.XMLHttpRequest) {
XMLHttpRequestObject = new XMLHttpRequest();
} else if (window.ActiveXObject) {
XMLHttpRequestObject = new ActiveXObject("Microsoft.XMLHTTP");
}
function pedirDatos(fuenteDatos, url){
document.getElementById(url).innerHTML = '<br><center><img src=http://www.travelcar.es/travelcar/images07/cargando.gif><br><br><b><font size="1" face="Tahoma">Buscando Video!<br>Espera...</font></b></center>';
if(XMLHttpRequestObject) {
var obj = document.getElementById(url);
XMLHttpRequestObject.open("GET", fuenteDatos);
XMLHttpRequestObject.onreadystatechange = function(){
if (XMLHttpRequestObject.readyState == 4 && XMLHttpRequestObject.status == 200) {
obj.innerHTML = XMLHttpRequestObject.responseText;
  }
  }
XMLHttpRequestObject.send(null);
  } 
  }