Volver al Programación / Codificación foro

¿JavaScript no funciona en Firefox no estoy seguro por qué?

ambiemaber
Newbie
Registrado: Oct 10, 2011
Mensajes: 5
Status: Offline

Octubre 10th, 2011, 1:41 pm

Hola

He terminado recientemente hacer un sitio Web para mis hermanas boda. Soy bastante nuevo en el mundo del diseño web y sólo han tomado 2 clases sobre el tema. He utilizado un Javascript es la función que se prestó a nosotros en uno de mis clases de codificación HTML para cambiar automáticamente el tamaño de los divs (anidamiento)? segun cuánto contenido en ellos.

Esta todo parece trabajo perfectamente bien en Google Chrome, así como la mayoría de las versiones de Internet Explorer - sin embargo, en algunas versiones de internet explorer y todas las versiones de Firefox, esta función de cambio de tamaño no parece funcionar. Desde esta codificación fue siempre para mí por un maestro (que lamentablemente se encuentra en otro país), Im no seguro lo que un poco de edición haría así funcionaría en Firefox, o si hay una manera de hacer en función de Firefox en todo.

Le agradecería si algunos de ustedes podrían echar un vistazo y quisiera saber si usted tiene cualquier ideas y sugerencias y consejos, a lo que está sucediendo con el código y por qué no funciona Firefox y algunas versiones de Internet Explorer.

El código javascript específico (que supongo es la cuestión aquí, hágamelo saber si Im errónea acerca de que el código javascript que no es trabajo) está aquí:

Código: [ Select ]

function fnReset(){
document.getElementById('dTorso').style.height="380px";
document.getElementById('dMiddle').style.height="auto"
var middleHt=document.getElementById('dMiddle').scroll Height;
var maxHt=Math.max(380,middleHt);
document.getElementById('dTorso').style.height=max Ht + "px";
document.getElementById('dMiddle').style.height=ma xHt + "px";
}

function fnReset(){
document.getElementById('dTorso').style.height="380px";
document.getElementById('dMiddle').style.height="auto"
var middleHt=document.getElementById('dMiddle').scroll Height;
var maxHt=Math.max(380,middleHt);
document.getElementById('dTorso').style.height=max Ht + "px";
document.getElementById('dMiddle').style.height=ma xHt + "px";
}

Luego que se llama a la acción aquí:

Código: [ Select ]

También, en algunas versiones de Firefox, la imagen de fondo de toda la página no se muestra hasta bien - cualquier consejos sobre por qué sucede también sería increíbles.

Le agradezco mucho cualquier ayuda puede proporcionar. Esto es un regalo para mi hermana y su prometido, y realmente lo quiero trabajar bien para ellos y todos sus invitados.

¡ Gracias!

Anonymous
Bot
- www.ozzu.com
Registrado: 25 Feb 2008
Mensajes: ?
Loc: Ozzuland
Status: Online

Octubre 10th, 2011, 1:41 pm

mindfullsilence
Professor
Registrado: Ago 04, 2008
Mensajes: 846
Status: Offline

Octubre 10th, 2011, 2:32 pm

JAVASCRIPT Código: [ Select ]

function fnReset(){
document.getElementById('dTorso').style.height="380px";
document.getElementById('dMiddle').style.height="auto"; // forgot semicolon here
var middleHt=document.getElementById('dMiddle').scrollHeight; // space between "scroll" and "height"
var maxHt=Math.max(380,middleHt);
document.getElementById('dTorso').style.height=maxHt + "px"; // space between "max" and "Ht"
document.getElementById('dMiddle').style.height=maxHt + "px"; // space between "max" and "Ht"
}

function fnReset(){
document.getElementById('dTorso').style.height="380px";
document.getElementById('dMiddle').style.height="auto"; // forgot semicolon here
var middleHt=document.getElementById('dMiddle').scrollHeight; // space between "scroll" and "height"
var maxHt=Math.max(380,middleHt);
document.getElementById('dTorso').style.height=maxHt + "px"; // space between "max" and "Ht"
document.getElementById('dMiddle').style.height=maxHt + "px"; // space between "max" and "Ht"
}

Más que probable su falta de punto y coma. Algunos navegadores son capaces de asumir el punto y coma, otros no lo son.
Personalmente, sería definir la altura inicial de los elementos mediante css, por lo que su función es la siguiente:

JAVASCRIPT Código: [ Select ]

function fnReset(){
var middle = document.getElementById('dMiddle');
var torso = document.getElementById('dTorso');
var middleHt = middle.scrollHeight;
var maxHt = Math.max(380,middleHt);

torso.style.height = maxHt + "px";
middle.style.height = maxHt + "px";
}

function fnReset(){
var middle = document.getElementById('dMiddle');
var torso = document.getElementById('dTorso');
var middleHt = middle.scrollHeight;
var maxHt = Math.max(380,middleHt);
torso.style.height = maxHt + "px";
middle.style.height = maxHt + "px";
}

y tiene una hoja de estilos css separados con esto:

CSS Código: [ Select ]

#dTorso {
height: 380px;
}

#dMiddle {
height: auto;
}

#dTorso {
height: 380px;
}
#dMiddle {
height: auto;
}

Use your words like arrows to shoot toward your goal.

ambiemaber
Newbie
Registrado: Oct 10, 2011
Mensajes: 5
Status: Offline

Octubre 10th, 2011, 6:13 pm

Gracias por responder!

Lamentablemente, la adición en el punto y coma no solucionar el problema.

Además, cuando pongo espacios entre .scrollheight y maxHt, conseguí los errores de sintaxis.

¿No estoy seguro si hay otra cosa puede ofrecernos?

Gracias por tomarse el tiempo para ayudar a

mindfullsilence
Professor
Registrado: Ago 04, 2008
Mensajes: 846
Status: Offline

Octubre 10th, 2011, 6:22 pm

Lo que quise decir acerca de los espacios es que debe eliminarse, mostró espacios en el código en el primer puesto.

Más allá de eso, le sugiero fuertemente que mirar en jquery para este tipo de trabajo.

Im seguro puedo montar algo relativamente rápido si registra su código html.

Use your words like arrows to shoot toward your goal.

ambiemaber
Newbie
Registrado: Oct 10, 2011
Mensajes: 5
Status: Offline

Octubre 10th, 2011, 6:52 pm

Hola de nuevo,

Lo siento, que no veo que en el primer puesto que había espacios - su extraño, porque no hay espacios en mi código real - parece que copiarse y pegarse extrañamente...

Para ser totalmente honesto, Im no está seguro qué jquery incluso es. ¿Si algo como esto debía hacerse, sería directamente avanzar lo suficiente para mí editar las páginas si necesitaba editarlos? Como ya he dicho, Im SUPER nueva web diseño...

Si tendrías estar dispuestos a ayudarme aunque, Id de ser súper agradecido. Tengo una pregunta técnica sobre publicar mi código HTML aquí aunque - mis imágenes etc. son totalmente vinculados, utilizando la dirección de toda la web, por lo que cuando dejo el foro me sigue diciendo, "no está autorizado a publicar enlaces externos, quite o cambie el nombre de:"

¿Hay una forma de evitar esto?

mindfullsilence
Professor
Registrado: Ago 04, 2008
Mensajes: 846
Status: Offline

Octubre 10th, 2011, 7:09 pm

Sí, las imágenes no son realmente necesarias para este ejercicio, por lo que se puede excluir totalmente. Sólo necesito las partes que se hace referencia en el javascript para ver cómo están anidados theyre.

Sin entrar demasiado técnico, jQuery es un framework de javascript. Lo que significa es alguna persona realmente inteligente tomó javascript y escribió un nuevo - camino más fácil entender el idioma con ella. Llamaron a este lenguaje más fácil "jQuery". jQuery nada especial, su justa requiere un montón de funciones javascript. Vincular a la misma y, a continuación, empezar a escribir código con esas funciones.

Puesto de tu código html y mal mostrarle cómo funciona.

Use your words like arrows to shoot toward your goal.

ambiemaber
Newbie
Registrado: Oct 10, 2011
Mensajes: 5
Status: Offline

Octubre 10th, 2011, 7:40 pm

Hola,

OK, por lo que aquí está mi código - yo advierto que soy muy nuevo en esto, así que mi código es probablemente muy desordenado y posiblemente difícil de seguir...y por ello pido disculpas...

Pero gracias tanto para le ayuda

Aquí está mi código:

Código: [ Select ]

<html>
<head>
<title>Nick & Amanda - June 2, 2012</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript">
function fnReset(){
  document.getElementById('dTorso').style.height="380px";
  document.getElementById('dMiddle').style.height="auto";
  var middleHt=document.getElementById('dMiddle').scrollHeight;
  var maxHt=Math.max(380,middleHt);
  document.getElementById('dTorso').style.height=maxHt + "px";
    document.getElementById('dMiddle').style.height=maxHt + "px";
    }

    var part = new Array("nickandamandaskickasswedding","lto:","?","mai","@","&","contact","subject");
function fnHi_deEm_ail(disSub,disBod){
    location.href=part[3] + part[1] + part[6] + part[4] + part[0] + part[2] + part[7] + "=" + disSub + part[5] + "body=" + disBod + "";
   }

function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
  var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
  if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
  d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

/***********************************************
* Dynamic Countdown script- © Dynamic Drive
* This notice MUST stay intact for legal use
* Visit for this script and 100s more.
***********************************************/

function cdtime(container, targetdate){
if (!document.getElementById || !document.getElementById(container)) return
this.container=document.getElementById(container)
this.currentTime=new Date()
this.targetdate=new Date(targetdate)
this.timesup=false
this.updateTime()
}

cdtime.prototype.updateTime=function(){
var thisobj=this
this.currentTime.setSeconds(this.currentTime.getSeconds()+1)
setTimeout(function(){thisobj.updateTime()}, 1000) //update time every second
}

cdtime.prototype.displaycountdown=function(baseunit, functionref){
this.baseunit=baseunit
this.formatresults=functionref
this.showresults()
}

cdtime.prototype.showresults=function(){
var thisobj=this

var timediff=(this.targetdate-this.currentTime)/1000
if (timediff<0){ //if time is up
this.timesup=true
this.container.innerHTML=this.formatresults()
return
}
var oneMinute=60 //minute unit in seconds
var oneHour=60*60 //hour unit in seconds
var oneDay=60*60*24 //day unit in seconds
var dayfield=Math.floor(timediff/oneDay)
var hourfield=Math.floor((timediff-dayfield*oneDay)/oneHour)
var minutefield=Math.floor((timediff-dayfield*oneDay-hourfield*oneHour)/oneMinute)
var secondfield=Math.floor((timediff-dayfield*oneDay-hourfield*oneHour-minutefield*oneMinute))
if (this.baseunit=="hours"){ //if base unit is hours, set "hourfield" to be topmost level
hourfield=dayfield*24+hourfield
dayfield="n/a"
}
else if (this.baseunit=="minutes"){ //if base unit is minutes, set "minutefield" to be topmost level
minutefield=dayfield*24*60+hourfield*60+minutefield
dayfield=hourfield="n/a"
}
else if (this.baseunit=="seconds"){ //if base unit is seconds, set "secondfield" to be topmost level
var secondfield=timediff
dayfield=hourfield=minutefield="n/a"
}
this.container.innerHTML=this.formatresults(dayfield, hourfield, minutefield, secondfield)
setTimeout(function(){thisobj.showresults()}, 1000) //update results every second
}

/////CUSTOM FORMAT OUTPUT FUNCTIONS BELOW//////////////////////////////

function formatresults(){
if (this.timesup==false){//if target date/time not yet met
var displaystring=arguments[0]+" days left until our wedding"
}
else{ //else if target date/time met
var displaystring="We're Married!"
}
return displaystring
}

function formatresults2(){
if (this.timesup==false){ //if target date/time not yet met
var displaystring="<span class='lcdstyle'>"+arguments[0]+" <sup>days</sup></span> left until our wedding!"
}
else{ //else if target date/time met
var displaystring="We're Married!" //Don't display any text
}
return displaystring
}

//End Countdown Script//

</script>
<style>
/*TAG STYLE*/
    body{margin:0px;
    text-align:center;
    background-color:#06F;
    font-size:16px;
    font-family:arial;
    background-image:url(images/wood_background_flower.jpg);
    }
  div{position:relative;display:block;}

/*ID STYLE*/
#dPageHolder{
    text-align:justify;
    margin-left:auto;
    margin-right:auto;
    width:1000px;
    height:auto;
    background-color:#717368;
}
    #dHeader{width:1000px;height:180px;background-color:#97642F;}
  #dSubHeader{width:994px;height:60px;background-color:#B6888E; border-left:solid; border-right:solid;border-color:#481E08; border-bottom:solid;}
  #dTorso{width:994px;height:300px;background-color:#FFFBDE;border-left:solid;border-right:solid;border-color:#481E08;}
      #dLeft{width:200px;float:left;background-color:#FFFBDE;height:300px;}
    #dMiddle{position:absolute;height:300px;width:964px;background-color:#FFFBDE;top:0px; left:15px;}

    #dFooter{width:994px;height:50px;background-color:#B6888E;border:solid;border-color:#481E08;}
  #dSubFooter{width:1000px;height:30px;background-color:#B6888E;}
  #dLeftWing{position:absolute;left:-110px;top:0px;width:100px;height:400px;background-color:red;}
  #dRightWing{position:absolute;left:1010px;top:0px;width:100px;height:400px;background-color:red;}

        #a01{left:260px;}
        #a02{left:860px;}
        #a03{left:460px;}
        #a04{left:660px;}
        /*#OurStory{left:5px; top:20px;}
        #Gallery{left:5px; top:80px;}
        #WedParty{left:5px; top:140px;}
        #Venue{left:5px; top:200px;}
        #RSVP{left:5px; top:260px;}
        #Contact{left:5px; top:320px;}*/

        #button1{left:9px; top:6px;}
        #button2{left:149px; top:6px;}
        #button3{left:289px; top:6px;}
        #button4{left:429px; top:6px;}
        #button5{left:569px; top:6px;}
        #button6{left:709px; top:6px;}
        #button7{left:849px; top:6px;}
        #countdowncontainer{width:1000px; text-align:center; color:#39308B; position:absolute; top:5px;}
        #bobble{float:right; margin-left:10px;}
        #ddate{
    font-size: 20px;
    text-align: center;
}



        #a13{width:1000px;color:#feefbb;top:10px;text-decoration:none;text-align:center;font-family:arial;font-size:12px;}
        #s01{
    position:absolute;
    width:1000px;
    color:#feefbb;
    text-align:center;
    top:30px;
    font-size:9px;
}


        .Clinks{position:absolute;cursor:pointer;}
        .CMenu{position:absolute;cursor:pointer;}
        .BodyImages{display:block;margin-left:auto; margin-right:auto;}


#Welcome {
    font-size: 30px;
    text-align: center;
    color: #39308B;
}
#intro {
    font-size: 16px;
}
</style>

</head>
<body onLoad="fnReset();MM_preloadImages('images/contact1.png','images/RSVP1.png','images/wedding1.png','images/home1.png','images/story1.png','images/gallery1.png','images/wedding1.png','images/venue1.png','images/info1.png','images/RSVP1.png','images/story1.png')" background="images/wood_background_flower.jpg"><br>

<div id="dPageHolder">
    <div id="dHeader"><img src="images/header3.png" alt="Nick & Amanda"></div>
  <div id="dSubHeader">

  <a href="home.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Home','','images/home1.png',1)"><img src="images/home.png" alt="Home" name="Home" id="button1" width="132" height="48" border="0" style="position:absolute;"></a>

  <a href="story.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('OurStory','','images/story1.png',1)"><img src="images/story.png" alt="Our Story" name="OurStory" width="132" height="48" border="0" id="button2" style="position:absolute;"></a>

  <a href="gallery.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Gallery','','images/gallery1.png',1)"><img src="images/gallery.png" alt="Gallery" name="Gallery" border="0" id="button3" style="position:absolute;"></a>

  <a href="weddingparty.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('WeddingParty','','images/wedding1.png',1)"><img src="images/wedding.png" alt="Wedding Party" name="WeddingParty" border="0" id="button4" style="position:absolute;"></a>

  <a href="venue.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Venue','','images/venue1.png',1)"><img src="images/venue.png" alt="Venue" name="Venue" border="0" id="button5" style="position:absolute;"></a>

  <a href="info.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('AdditionalInfo','','images/info1.png',1)"><img src="images/info.png" alt="Additional Info" name="AdditionalInfo" width="132" height="48" border="0" id="button6" style="position:absolute;"></a>

  <a href="rsvp.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('RSVP','','himages/RSVP1.png',1)"><img src="images/RSVP.png" alt="RSVP" name="RSVP" border="0" id="button7" style="position:absolute;"></a></div>



<div id="dTorso">
<div id="dMiddle">
<DIV id="story">
  <p id="Welcome"><strong>Welcome to Nick and Amanda's Kickass Wedding Website!</strong></p><div id="ddate">
   <strong>Our wedding will take place on the weekend of

    </strong><br>
    <strong>June 1<sup>st</sup> - 3<sup>rd,</sup> 2012</strong>
</div>
<p>Thanks for visiting our wedding website. This site has been designed to answer any questions you might have about our big day, including information about the venue, accomodations, who will be in our wedding party and, of course, how to RSVP. </p>
  <p>We have also added in some tantilizing information on how we became the awesome couple you all know and love, and how Nick popped the big question. Also, don't forget to visit the Gallery page to see some kickass pictures of our adventures together. </p>
  <p>If you have any questions for us, please visit the Additional Info page, where you can find our contact information.</p>
  <p>We look forward to seeing you on the big day!</p>
  <p>- Nick & Amanda</p>

</DIV>
</div>

</div>
    
    <div id="dFooter">
    <strong> <div id="countdowncontainer"></div></strong>

<script type="text/javascript">

var futuredate=new cdtime("countdowncontainer", "June 02, 2012 00:00:00")
futuredate.displaycountdown("days", formatresults)

var currentyear=new Date().getFullYear()
//dynamically get this Christmas' year value. If Christmas already passed, then year=current year+1
var thischristmasyear=(new Date().getMonth()>=06 && new Date().getDate()>02)? currentyear+1 : currentyear
var christmas=new cdtime("countdowncontainer2", "June 02, "+thischristmasyear+" 00:00:00")
christmas.displaycountdown("days", formatresults2)

</script>
    <span id="s01">Copyright 2011 © Amber T</span>

</div>
   
   
   
   

</div><br>
</body>
</html>

<html>
<head>
<title>Nick & Amanda - June 2, 2012</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript">
function fnReset(){
document.getElementById('dTorso').style.height="380px";
document.getElementById('dMiddle').style.height="auto";
var middleHt=document.getElementById('dMiddle').scrollHeight;
var maxHt=Math.max(380,middleHt);
document.getElementById('dTorso').style.height=maxHt + "px";
document.getElementById('dMiddle').style.height=maxHt + "px";
}
var part = new Array("nickandamandaskickasswedding","lto:","?","mai","@","&","contact","subject");
function fnHi_deEm_ail(disSub,disBod){
location.href=part[3] + part[1] + part[6] + part[4] + part[0] + part[2] + part[7] + "=" + disSub + part[5] + "body=" + disBod + "";
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
/***********************************************
* This notice MUST stay intact for legal use
* Visit for this script and 100s more.
***********************************************/
function cdtime(container, targetdate){
if (!document.getElementById || !document.getElementById(container)) return
this.container=document.getElementById(container)
this.currentTime=new Date()
this.targetdate=new Date(targetdate)
this.timesup=false
this.updateTime()
}
cdtime.prototype.updateTime=function(){
var thisobj=this
this.currentTime.setSeconds(this.currentTime.getSeconds()+1)
setTimeout(function(){thisobj.updateTime()}, 1000) //update time every second
}
cdtime.prototype.displaycountdown=function(baseunit, functionref){
this.baseunit=baseunit
this.formatresults=functionref
this.showresults()
}
cdtime.prototype.showresults=function(){
var thisobj=this
var timediff=(this.targetdate-this.currentTime)/1000
if (timediff<0){ //if time is up
this.timesup=true
this.container.innerHTML=this.formatresults()
return
}
var oneMinute=60 //minute unit in seconds
var oneHour=60*60 //hour unit in seconds
var oneDay=60*60*24 //day unit in seconds
var dayfield=Math.floor(timediff/oneDay)
var hourfield=Math.floor((timediff-dayfield*oneDay)/oneHour)
var minutefield=Math.floor((timediff-dayfield*oneDay-hourfield*oneHour)/oneMinute)
var secondfield=Math.floor((timediff-dayfield*oneDay-hourfield*oneHour-minutefield*oneMinute))
if (this.baseunit=="hours"){ //if base unit is hours, set "hourfield" to be topmost level
hourfield=dayfield*24+hourfield
dayfield="n/a"
}
else if (this.baseunit=="minutes"){ //if base unit is minutes, set "minutefield" to be topmost level
minutefield=dayfield*24*60+hourfield*60+minutefield
dayfield=hourfield="n/a"
}
else if (this.baseunit=="seconds"){ //if base unit is seconds, set "secondfield" to be topmost level
var secondfield=timediff
dayfield=hourfield=minutefield="n/a"
}
this.container.innerHTML=this.formatresults(dayfield, hourfield, minutefield, secondfield)
setTimeout(function(){thisobj.showresults()}, 1000) //update results every second
}
/////CUSTOM FORMAT OUTPUT FUNCTIONS BELOW//////////////////////////////
function formatresults(){
if (this.timesup==false){//if target date/time not yet met
var displaystring=arguments[0]+" days left until our wedding"
}
else{ //else if target date/time met
var displaystring="We're Married!"
}
return displaystring
}
function formatresults2(){
if (this.timesup==false){ //if target date/time not yet met
var displaystring="<span class='lcdstyle'>"+arguments[0]+" <sup>days</sup></span> left until our wedding!"
}
else{ //else if target date/time met
var displaystring="We're Married!" //Don't display any text
}
return displaystring
}
//End Countdown Script//
</script>
<style>
/*TAG STYLE*/
body{margin:0px;
text-align:center;
background-color:#06F;
font-size:16px;
font-family:arial;
background-image:url(images/wood_background_flower.jpg);
}
div{position:relative;display:block;}
/*ID STYLE*/
#dPageHolder{
text-align:justify;
margin-left:auto;
margin-right:auto;
width:1000px;
height:auto;
background-color:#717368;
}
#dHeader{width:1000px;height:180px;background-color:#97642F;}
#dSubHeader{width:994px;height:60px;background-color:#B6888E; border-left:solid; border-right:solid;border-color:#481E08; border-bottom:solid;}
#dTorso{width:994px;height:300px;background-color:#FFFBDE;border-left:solid;border-right:solid;border-color:#481E08;}
#dLeft{width:200px;float:left;background-color:#FFFBDE;height:300px;}
#dMiddle{position:absolute;height:300px;width:964px;background-color:#FFFBDE;top:0px; left:15px;}
#dFooter{width:994px;height:50px;background-color:#B6888E;border:solid;border-color:#481E08;}
#dSubFooter{width:1000px;height:30px;background-color:#B6888E;}
#dLeftWing{position:absolute;left:-110px;top:0px;width:100px;height:400px;background-color:red;}
#dRightWing{position:absolute;left:1010px;top:0px;width:100px;height:400px;background-color:red;}
#a01{left:260px;}
#a02{left:860px;}
#a03{left:460px;}
#a04{left:660px;}
/*#OurStory{left:5px; top:20px;}
#Gallery{left:5px; top:80px;}
#WedParty{left:5px; top:140px;}
#Venue{left:5px; top:200px;}
#RSVP{left:5px; top:260px;}
#Contact{left:5px; top:320px;}*/
#button1{left:9px; top:6px;}
#button2{left:149px; top:6px;}
#button3{left:289px; top:6px;}
#button4{left:429px; top:6px;}
#button5{left:569px; top:6px;}
#button6{left:709px; top:6px;}
#button7{left:849px; top:6px;}
#countdowncontainer{width:1000px; text-align:center; color:#39308B; position:absolute; top:5px;}
#bobble{float:right; margin-left:10px;}
#ddate{
font-size: 20px;
text-align: center;
}
#a13{width:1000px;color:#feefbb;top:10px;text-decoration:none;text-align:center;font-family:arial;font-size:12px;}
#s01{
position:absolute;
width:1000px;
color:#feefbb;
text-align:center;
top:30px;
font-size:9px;
}
.Clinks{position:absolute;cursor:pointer;}
.CMenu{position:absolute;cursor:pointer;}
.BodyImages{display:block;margin-left:auto; margin-right:auto;}
#Welcome {
font-size: 30px;
text-align: center;
color: #39308B;
}
#intro {
font-size: 16px;
}
</style>
</head>
<body onLoad="fnReset();MM_preloadImages('images/contact1.png','images/RSVP1.png','images/wedding1.png','images/home1.png','images/story1.png','images/gallery1.png','images/wedding1.png','images/venue1.png','images/info1.png','images/RSVP1.png','images/story1.png')" background="images/wood_background_flower.jpg"><br>
<div id="dPageHolder">
<div id="dHeader"><img src="images/header3.png" alt="Nick & Amanda"></div>
<div id="dSubHeader">
<a href="home.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Home','','images/home1.png',1)"><img src="images/home.png" alt="Home" name="Home" id="button1" width="132" height="48" border="0" style="position:absolute;"></a>
<a href="story.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('OurStory','','images/story1.png',1)"><img src="images/story.png" alt="Our Story" name="OurStory" width="132" height="48" border="0" id="button2" style="position:absolute;"></a>
<a href="gallery.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Gallery','','images/gallery1.png',1)"><img src="images/gallery.png" alt="Gallery" name="Gallery" border="0" id="button3" style="position:absolute;"></a>
<a href="weddingparty.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('WeddingParty','','images/wedding1.png',1)"><img src="images/wedding.png" alt="Wedding Party" name="WeddingParty" border="0" id="button4" style="position:absolute;"></a>
<a href="venue.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Venue','','images/venue1.png',1)"><img src="images/venue.png" alt="Venue" name="Venue" border="0" id="button5" style="position:absolute;"></a>
<a href="info.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('AdditionalInfo','','images/info1.png',1)"><img src="images/info.png" alt="Additional Info" name="AdditionalInfo" width="132" height="48" border="0" id="button6" style="position:absolute;"></a>
<a href="rsvp.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('RSVP','','himages/RSVP1.png',1)"><img src="images/RSVP.png" alt="RSVP" name="RSVP" border="0" id="button7" style="position:absolute;"></a></div>
<div id="dTorso">
<div id="dMiddle">
<DIV id="story">
<p id="Welcome"><strong>Welcome to Nick and Amanda's Kickass Wedding Website!</strong></p><div id="ddate">
<strong>Our wedding will take place on the weekend of
</strong><br>
<strong>June 1<sup>st</sup> - 3<sup>rd,</sup> 2012</strong>
</div>
<p>Thanks for visiting our wedding website. This site has been designed to answer any questions you might have about our big day, including information about the venue, accomodations, who will be in our wedding party and, of course, how to RSVP. </p>
<p>We have also added in some tantilizing information on how we became the awesome couple you all know and love, and how Nick popped the big question. Also, don't forget to visit the Gallery page to see some kickass pictures of our adventures together. </p>
<p>If you have any questions for us, please visit the Additional Info page, where you can find our contact information.</p>
<p>We look forward to seeing you on the big day!</p>
<p>- Nick & Amanda</p>
</DIV>
</div>
</div>
<div id="dFooter">
<strong> <div id="countdowncontainer"></div></strong>
<script type="text/javascript">
var futuredate=new cdtime("countdowncontainer", "June 02, 2012 00:00:00")
futuredate.displaycountdown("days", formatresults)
var currentyear=new Date().getFullYear()
//dynamically get this Christmas' year value. If Christmas already passed, then year=current year+1
var thischristmasyear=(new Date().getMonth()>=06 && new Date().getDate()>02)? currentyear+1 : currentyear
var christmas=new cdtime("countdowncontainer2", "June 02, "+thischristmasyear+" 00:00:00")
christmas.displaycountdown("days", formatresults2)
</script>
</div>
</div><br>
</body>
</html>

mindfullsilence
Professor
Registrado: Ago 04, 2008
Mensajes: 846
Status: Offline

Octubre 10th, 2011, 10:02 pm

Está bien, de lo que puedo decir en tu javascript que están teniendo problemas con el, es que desea que la altura de la página para ampliar basado en el contenido. Si cierto eso, no necesita javascript para hacer esto, sólo limpiador html y css. Si no, quiero saber como Im un poco confundido con la intención de su javascript.

Además, las imágenes de rollover en su navegación utilizan javscript. Se trata de una técnica más antigua que no muchas personas siguen ahora. En su lugar, utilizamos css sprites ya que requieren menos solicitudes http, pronunciadas y tomar código mucho más limpio y más simple.

Leer este tutorial sobre el uso de css sprites para efectos activable

En cuanto a su código, quiero limpiar un poco y mostrarles lo que llegado con. Me dan una hora más o menos.

Use your words like arrows to shoot toward your goal.

mindfullsilence
Professor
Registrado: Ago 04, 2008
Mensajes: 846
Status: Offline

Octubre 10th, 2011, 10:53 pm

Vale, heres después de una muy rápida limpieza. Cosas pueden tomarse más, pero mal le permite explorar un poco más acerca de css y descubrirlas por su cuenta. Sólo recuerda que css debe controlar nada estéticas (fuentes, tamaño del texto, posicionamiento, colores, etc.), HTML sólo debe definir la estructura.

Código: [ Select ]

<!DOCTYPE HTML>
<html>
<head>
<title>Nick & Amanda - June 2, 2012</title>
<meta charset="utf-8">
<script type="text/javascript">
var part = new Array("nickandamandaskickasswedding","lto:","?","mai","@","&","contact","subject");
function fnHi_deEm_ail(disSub,disBod){
location.href=part[3] + part[1] + part[6] + part[4] + part[0] + part[2] + part[7] + "=" + disSub + part[5] + "body=" + disBod + "";
}

/***********************************************
* Dynamic Countdown script- © Dynamic Drive
* This notice MUST stay intact for legal use
* Visit for this script and 100s more.
***********************************************/

function cdtime(container, targetdate){
if (!document.getElementById || !document.getElementById(container)) return
this.container=document.getElementById(container)
this.currentTime=new Date()
this.targetdate=new Date(targetdate)
this.timesup=false
this.updateTime()
}

cdtime.prototype.updateTime=function(){
var thisobj=this
this.currentTime.setSeconds(this.currentTime.getSeconds()+1)
setTimeout(function(){thisobj.updateTime()}, 1000) //update time every second
}

cdtime.prototype.displaycountdown=function(baseunit, functionref){
this.baseunit=baseunit
this.formatresults=functionref
this.showresults()
}

cdtime.prototype.showresults=function(){
var thisobj=this

var timediff=(this.targetdate-this.currentTime)/1000
if (timediff<0){ //if time is up
this.timesup=true
this.container.innerHTML=this.formatresults()
return
}
var oneMinute=60 //minute unit in seconds
var oneHour=60*60 //hour unit in seconds
var oneDay=60*60*24 //day unit in seconds
var dayfield=Math.floor(timediff/oneDay)
var hourfield=Math.floor((timediff-dayfield*oneDay)/oneHour)
var minutefield=Math.floor((timediff-dayfield*oneDay-hourfield*oneHour)/oneMinute)
var secondfield=Math.floor((timediff-dayfield*oneDay-hourfield*oneHour-minutefield*oneMinute))
if (this.baseunit=="hours"){ //if base unit is hours, set "hourfield" to be topmost level
hourfield=dayfield*24+hourfield
dayfield="n/a"
}
else if (this.baseunit=="minutes"){ //if base unit is minutes, set "minutefield" to be topmost level
minutefield=dayfield*24*60+hourfield*60+minutefield
dayfield=hourfield="n/a"
}
else if (this.baseunit=="seconds"){ //if base unit is seconds, set "secondfield" to be topmost level
var secondfield=timediff
dayfield=hourfield=minutefield="n/a"
}
this.container.innerHTML=this.formatresults(dayfield, hourfield, minutefield, secondfield)
setTimeout(function(){thisobj.showresults()}, 1000) //update results every second
}

/////CUSTOM FORMAT OUTPUT FUNCTIONS BELOW//////////////////////////////

function formatresults(){
if (this.timesup==false){//if target date/time not yet met
var displaystring=arguments[0]+" days left until our wedding"
}
else{ //else if target date/time met
var displaystring="We're Married!"
}
return displaystring
}

function formatresults2(){
if (this.timesup==false){ //if target date/time not yet met
var displaystring="<span class='lcdstyle'>"+arguments[0]+" <sup>days</sup></span> left until our wedding!"
}
else{ //else if target date/time met
var displaystring="We're Married!" //Don't display any text
}
return displaystring
}

//End Countdown Script//

</script>
<style>
/*TAG STYLE*/
body {
    margin: 0;
    padding: 0;
    background-color:#06F;
    font-size:16px;
    font-family:arial;
    background-image:url(images/wood_background_flower.jpg);
}

/*ID STYLE*/
#dPageHolder {
    margin: 0 auto;
    width:1000px;
    background-color:#717368;
}

#dHeader {
    height:180px;
    background-color:#97642F;
}

#dSubHeader {
    width:994px;
    background-color:#B6888E;
    border: 3px solid #481e08;
    border-top: 0;
}

#dSubHeader ul {
    width: 600px;
    margin: 0 auto;
    padding: 0;
    height: 50px;
}

#dSubHeader ul li {
    list-style: none;
    float: left;
    line-height: 50px;
    vertical-align: middle;
    padding: 0 10px;
}

#dTorso {
    background-color:#FFFBDE;
    border: 3px solid #481e08;
    border-top: 0;
}

#dTorso > div > div {
    padding: 20px;
}

#dTorso div h1 {
    text-align: center;
}

#ddate {
    text-align: center;
}

#ddate span {
    vertical-align: super;
}

#dFooter {
    background-color:#B6888E;
    border: 3px solid #481e08;
    border-top: 0;
    padding: 10px;
    text-align: center;
}
</style>
</head>


<body>


<div id="dPageHolder">
    <div id="dHeader"><img src="images/header3.png" alt="Nick & Amanda"></div>


<div id="dSubHeader">
    <ul>
        <li>
            <a href="home.html">Home</a>
        </li>
        <li>
            <a href="story.html">Story</a>
        </li>
        <li>
            <a href="gallery.html">Gallery</a>
        </li>
        <li>
            <a href="weddingparty.html">Wedding Party</a>
        </li>
        <li>
            <a href="venue.html">Venue</a>
        </li>
        <li>
            <a href="info.html">Info</a>
        </li>
        <li>
            <a href="rsvp.html">RSVP</a>
        </li>
    </ul>
</div>


<div id="dTorso"> 
    <div id="dMiddle"> 
        <div id="story">
            <h1>Welcome to Nick and Amanda's Kickass Wedding Website!</h1>
            <div id="ddate">
                Our wedding will take place on the weekend of
                <br>
                June 1<span>st</span> - 3<span>rd</span>,2012 
            </div>


            <p>Thanks for visiting our wedding website. This site has been designed to answer any questions you might have about our big day, including information about the venue, accomodations, who will be in our wedding party and, of course, how to RSVP. </p>
            <p>We have also added in some tantilizing information on how we became the awesome couple you all know and love, and how Nick popped the big question. Also, don't forget to visit the Gallery page to see some kickass pictures of our adventures together. </p>
            <p>If you have any questions for us, please visit the Additional Info page, where you can find our contact information.</p>
            <p>We look forward to seeing you on the big day!</p>
            <p>— Nick & Amanda</p>
        </div>
    </div>
</div>



<div id="dFooter">
    <strong>
        <div id="countdowncontainer"></div>
    </strong>
    <script type="text/javascript">
    var futuredate=new cdtime("countdowncontainer", "June 02, 2012 00:00:00")
    futuredate.displaycountdown("days", formatresults)

    var currentyear=new Date().getFullYear()
    //dynamically get this Christmas' year value. If Christmas already passed, then year=current year+1
    var thischristmasyear=(new Date().getMonth()>=06 && new Date().getDate()>02)? currentyear+1 : currentyear
    var christmas=new cdtime("countdowncontainer2", "June 02, "+thischristmasyear+" 00:00:00")
    christmas.displaycountdown("days", formatresults2)
    </script>
        <span id="s01">Copyright 2011 © Amber T</span>
</div>

</div>

</body>
</html>

<!DOCTYPE HTML>
<html>
<head>
<title>Nick & Amanda - June 2, 2012</title>
<meta charset="utf-8">
<script type="text/javascript">
var part = new Array("nickandamandaskickasswedding","lto:","?","mai","@","&","contact","subject");
function fnHi_deEm_ail(disSub,disBod){
location.href=part[3] + part[1] + part[6] + part[4] + part[0] + part[2] + part[7] + "=" + disSub + part[5] + "body=" + disBod + "";
}
/***********************************************
* This notice MUST stay intact for legal use
* Visit for this script and 100s more.
***********************************************/
function cdtime(container, targetdate){
if (!document.getElementById || !document.getElementById(container)) return
this.container=document.getElementById(container)
this.currentTime=new Date()
this.targetdate=new Date(targetdate)
this.timesup=false
this.updateTime()
}
cdtime.prototype.updateTime=function(){
var thisobj=this
this.currentTime.setSeconds(this.currentTime.getSeconds()+1)
setTimeout(function(){thisobj.updateTime()}, 1000) //update time every second
}
cdtime.prototype.displaycountdown=function(baseunit, functionref){
this.baseunit=baseunit
this.formatresults=functionref
this.showresults()
}
cdtime.prototype.showresults=function(){
var thisobj=this
var timediff=(this.targetdate-this.currentTime)/1000
if (timediff<0){ //if time is up
this.timesup=true
this.container.innerHTML=this.formatresults()
return
}
var oneMinute=60 //minute unit in seconds
var oneHour=60*60 //hour unit in seconds
var oneDay=60*60*24 //day unit in seconds
var dayfield=Math.floor(timediff/oneDay)
var hourfield=Math.floor((timediff-dayfield*oneDay)/oneHour)
var minutefield=Math.floor((timediff-dayfield*oneDay-hourfield*oneHour)/oneMinute)
var secondfield=Math.floor((timediff-dayfield*oneDay-hourfield*oneHour-minutefield*oneMinute))
if (this.baseunit=="hours"){ //if base unit is hours, set "hourfield" to be topmost level
hourfield=dayfield*24+hourfield
dayfield="n/a"
}
else if (this.baseunit=="minutes"){ //if base unit is minutes, set "minutefield" to be topmost level
minutefield=dayfield*24*60+hourfield*60+minutefield
dayfield=hourfield="n/a"
}
else if (this.baseunit=="seconds"){ //if base unit is seconds, set "secondfield" to be topmost level
var secondfield=timediff
dayfield=hourfield=minutefield="n/a"
}
this.container.innerHTML=this.formatresults(dayfield, hourfield, minutefield, secondfield)
setTimeout(function(){thisobj.showresults()}, 1000) //update results every second
}
/////CUSTOM FORMAT OUTPUT FUNCTIONS BELOW//////////////////////////////
function formatresults(){
if (this.timesup==false){//if target date/time not yet met
var displaystring=arguments[0]+" days left until our wedding"
}
else{ //else if target date/time met
var displaystring="We're Married!"
}
return displaystring
}
function formatresults2(){
if (this.timesup==false){ //if target date/time not yet met
var displaystring="<span class='lcdstyle'>"+arguments[0]+" <sup>days</sup></span> left until our wedding!"
}
else{ //else if target date/time met
var displaystring="We're Married!" //Don't display any text
}
return displaystring
}
//End Countdown Script//
</script>
<style>
/*TAG STYLE*/
body {
margin: 0;
padding: 0;
background-color:#06F;
font-size:16px;
font-family:arial;
background-image:url(images/wood_background_flower.jpg);
}
/*ID STYLE*/
#dPageHolder {
margin: 0 auto;
width:1000px;
background-color:#717368;
}
#dHeader {
height:180px;
background-color:#97642F;
}
#dSubHeader {
width:994px;
background-color:#B6888E;
border: 3px solid #481e08;
border-top: 0;
}
#dSubHeader ul {
width: 600px;
margin: 0 auto;
padding: 0;
height: 50px;
}
#dSubHeader ul li {
list-style: none;
float: left;
line-height: 50px;
vertical-align: middle;
padding: 0 10px;
}
#dTorso {
background-color:#FFFBDE;
border: 3px solid #481e08;
border-top: 0;
}
#dTorso > div > div {
padding: 20px;
}
#dTorso div h1 {
text-align: center;
}
#ddate {
text-align: center;
}
#ddate span {
vertical-align: super;
}
#dFooter {
background-color:#B6888E;
border: 3px solid #481e08;
border-top: 0;
padding: 10px;
text-align: center;
}
</style>
</head>
<!--
Use css for body background. The standard today is to
seperate any visual aesthetics from your markup. This
means anywhere you define color, size, background,
font, etc. you should be using css instead. Trust me,
it'll be easier to deal with in the long run.
-->
<body>
<!--
You had a line break element (<br>) here, use css margin
instead. See the css I wrote above.
-->
<div id="dPageHolder">
<div id="dHeader"><img src="images/header3.png" alt="Nick & Amanda"></div>
<!--
Use an unordered list for navigation bars.
It's a bit more semantically accurate, and easier to read.
As for the image swaps, look up information on how to do
the same thing with css.
-->
<div id="dSubHeader">
<ul>
<li>
<a href="home.html">Home</a>
</li>
<li>
<a href="story.html">Story</a>
</li>
<li>
<a href="gallery.html">Gallery</a>
</li>
<li>
<a href="weddingparty.html">Wedding Party</a>
</li>
<li>
<a href="venue.html">Venue</a>
</li>
<li>
<a href="info.html">Info</a>
</li>
<li>
<a href="rsvp.html">RSVP</a>
</li>
</ul>
</div>
<!--
you have a lot of id attributes here, and are suffering
from divitis. Instead, declare an id attribute on the
wrapping div, and use selectors in your css or javascript
to drill down from there.
-->
<div id="dTorso">
<div id="dMiddle">
<div id="story">
<h1>Welcome to Nick and Amanda's Kickass Wedding Website!</h1>
<div id="ddate">
Our wedding will take place on the weekend of
<br>
June 1<span>st</span> - 3<span>rd</span>,2012
</div>
<p>Thanks for visiting our wedding website. This site has been designed to answer any questions you might have about our big day, including information about the venue, accomodations, who will be in our wedding party and, of course, how to RSVP. </p>
<p>We have also added in some tantilizing information on how we became the awesome couple you all know and love, and how Nick popped the big question. Also, don't forget to visit the Gallery page to see some kickass pictures of our adventures together. </p>
<p>If you have any questions for us, please visit the Additional Info page, where you can find our contact information.</p>
<p>We look forward to seeing you on the big day!</p>
<p>— Nick & Amanda</p>
</div>
</div>
</div>
<!--
Looks like there's a whole lot of functions for something very simple.
Have you looked for an alternative online? There are far better
countdown examples out there.
-->
<div id="dFooter">
<strong>
<div id="countdowncontainer"></div>
</strong>
<script type="text/javascript">
var futuredate=new cdtime("countdowncontainer", "June 02, 2012 00:00:00")
futuredate.displaycountdown("days", formatresults)
var currentyear=new Date().getFullYear()
//dynamically get this Christmas' year value. If Christmas already passed, then year=current year+1
var thischristmasyear=(new Date().getMonth()>=06 && new Date().getDate()>02)? currentyear+1 : currentyear
var christmas=new cdtime("countdowncontainer2", "June 02, "+thischristmasyear+" 00:00:00")
christmas.displaycountdown("days", formatresults2)
</script>
</div>
</div>
<!--
You had a line break element (<br>) here, use css margin
instead. See the css I wrote above.
-->
</body>
</html>

También, recomiendo encarecidamente utilizar hojas de estilo externas para vincular a, así como externalizar su javascript así. Va arreglar las cosas significannotly. Si necesita más ayuda, sólo hágamelo saber. En lo que respecta su javascript emitir, no es necesario para que me quiten lo. Utilice css para controlar la altura de los elementos. Cuando la altura no está definido en css, el elemento se expandirá automáticamente a su contenido.

Si final hasta necesitaba más ayuda simplemente dejemos aquí en el Foro de saber y así hacer lo que podamos.

Use your words like arrows to shoot toward your goal.

ambiemaber
Newbie
Registrado: Oct 10, 2011
Mensajes: 5
Status: Offline

Octubre 11th, 2011, 6:11 am

Hola!

Muchas gracias por la ayuda. IM a tener que jugar con esto hoy para ver si puedo conseguir todo funcione de la forma desee.

Le permitirá saber cómo va y si tengo algún problema.

Gracias

Página 1 de 1

Para responder a este tema que necesita para ingresar o registrarse. Es gratis.

Publicar Información

Total de mensajes en este tema: 10 mensajes
Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 111 invitados

No puede abrir nuevos temas en este Foro
No puede responder a temas en este Foro
No puede editar sus mensajes en este Foro
No puede borrar sus mensajes en este Foro
No puede enviar adjuntos en este Foro

¿JavaScript no funciona en Firefox no estoy seguro por qué?

Publicar Información

Recursos útiles

Otros Idiomas

Desarrollo de Sitios Web

Gráficos

OS y Ferretería

Marketing por Internet

Mercado

Zona Comunidad

Ozzu Mantenimiento

Foro Red

Foro de Socios

Foro de Aficionados