Error en usando AppendChild

[ClubIce]

Hola,

estoy realizando un Script, para generar algo que yo llamo "Jerarquia Avanzada", entonses, lo que que hago es crear elementos dinamicamente y añadirlos a un elemento padre.

El error:

Código:

Error: uncaught exception: 
[Exception... "Node cannot be inserted at the specified point in the hierarchy"
code: "3"
nsresult: "0x80530003 (NS_ERROR_DOM_HIERARCHY_REQUEST_ERR)"
location: "file:///D:/mysite/lyn/dhtml/dhtml.js
Line: 82"]

y el Script:

Código Javascript:

dhtElement = new Class({ //dhtElement es un Objeto base para crear otros
  initialize:function(data){
    for (prop in data) {
      this[prop] = data[prop]
      if (typeof(data[prop].element) != 'undefined' || data[prop].element != null) {
        alert(this.element)
        this.element.appendChild(data[prop].element) // linea 82
      }
    }
  },
  element:null, // Este es el elemento HTML, se coloca
  x:function(){},
  y:function(){},
  width:function(){},
  height:function(){},
  draw:function(){
    return this.element
  }
})
dhtComponent = new Class({
  element:$C("div")
},dhtElement)
 
/* Layer Types */
 
dhtLayer = new Class({},dhtElement) // Aquí creo la sub clase
 
lyrDIV = new Class({
  element:$C('div') //$C = document.createElement, especifico el 
                    //elemento que estaba en null mas arriba
},dhtLayer)
 

[Panino5001]

Difícil dar una respuesta más certera con código tan incompleto, pero ese error suele aparecer cuando intentás insertar un elemento fuera de su estructura natural. Por ejemplo, cuando intentás colocar un formulario o una imagen fuera del tag body.
Asegurate de estar definiendo correctamente el contenedor de los elementos que quieras agregar a la estructura del DOM.

[zerokilled]

el error HIERARCHY_REQUEST_ERR (3) significa que estas agregando un elemento en una posicion ilegal de la estructura del documento. o sea, que ese elemento no esta permitido agregarse en el elemento que lo intentas agregar. no puedo indicarte donde exactamente reside el error porque me parece que estas usando una libreria. de todos modos, es para que te sirva de indicacion que tienes que revisar cual es el elemento que intentas agregar y donde lo quieres agregar.

adivinando un poco, habria que entender primero que exactamente devuelve la funcion $C(). ¿la funcion devuelve un elemento o un objeto? si devuelve un objeto, entonces eso explica el por que del error. tienes que devolver el elemento en si, o al momento de agregar el elemento tienes que indicar la propiedad en si que retiene el elemento.

edit:
@panino, segunda vez que tropiezo contigo en tan poco tiempo! no lo hago a proposito...

[ClubIce]

voy a completar mas el codigo:

Código Javascript:

/* DHTML Objects */
dhtElement = new Class({
  initialize:function(data){
    for (prop in data) {
      this[prop] = data[prop]
      if (typeof(data[prop].element) != 'undefined' || data[prop].element != null) {
        alert(this.element)
        this.element.appendChild(data[prop].element) // Line 82
      }
    }
  },
  element:null,
  x:function(){},
  y:function(){},
  width:function(){},
  height:function(){},
  draw:function(){
    return this.element
  }
})
dhtComponent = new Class({
  element:$C("div")
},dhtElement)
 
/* Layer Types */
 
dhtLayer = new Class({},dhtElement)
 
lyrDIV = new Class({
  element:$C('div')
},dhtLayer)
 
 
 
/* DHTML Default Componentes  */
dhtLoader = new Class({
  initialize:function(image,text,width,height,bgColor,color,progressBar,porcentage) {
    usedHeight = 0
    if (typeof(image) != 'undefined' && image != "") {
      image = typeof(image) == 'string' ? new lyrImage(image) : image
      image.x((image.width() + width) / 2 - image.width())
      usedHeight = image.height()
      this.ldrImage = image
    } else {
      image = null
    }
    if (porcentage) {
      porcentage = new lyrDinamicText("[1]%")
      porcentage.x(width-porcentage.width())
      this.ldrPorcentage = porcentage
      
    } else {
      porcentage = null
    }
    if (progressBar) {
      progressBar = new dhtComponent({
        box:new lyrDIV({
          bar:new lyrDIV()
        })
      })
      xs = porcentage ? porcentage.width() : 0
      with (progressBar.box) {
        width(width-xs)
        height(height)
        y(usedHeight)
        bar.width(width-xs-2)
        bar.height(height-2)
        bar.x(1)
        bar.y(1)
      }
      usedHeight+=height
      this.ldrProgress = progressBar
    }
    if (typeof(text) == 'string' && text != "") {
      text = new lyrStyledText(text,styLoaderText)
      text.x((width + text.width()) / 2 - text.width())
      text.y(usedHeight)
      this.ldrText = text
    }
  }
},dhtComponent)
 

[Panino5001]

Ja, ja! Es bueno encontrarse con los amigos ;)

[ClubIce]

no estoy haciendo ninguna libreria, es soloque simplefiqué algunas funciones:

Código Javascript:

/* Tools */
Class = function($1,$2){
  $2 = typeof $2 == 'undefined' ? {} : $2.prototype;
  for($6 in $2){
    if(typeof $1[$6] == 'undefined') $1[$6] = $2[$6];
    else if(typeof $2[$6] == 'function'){
      $1[$6] = (function($3){
        $4 = function(){
        this.parent = $4.parent;
        return $3.apply(this, arguments);
        }
        return $4;
      })($1[$6]);
      $1[$6].parent = $2[$6];
    }
  }
  $5 = function(){
    if(this.initialize) this.initialize.apply(this,arguments);
  }
  $5.prototype = $1;
  $5.constructor = Class;
  return $5;
}
$G=function($1){return document.getElementById($1)}
$T=function($1){return document.getElementsByTagName($1)}
$C=function($1){return document.createElement($1)}
$F=function()  {return document.createDocumentFragment()}
 

PD: ¿porqué no veo el boton editar?

[zerokilled]

PD: ¿porqué no veo el boton editar?

por nuevas politicas que se crearon. en el foro de soporte ya se ha discutido.
http://www.forosdelweb.com/showthread.php?t=850409

aunque no lo veas asi, es una libreria, pero propia. ¿no seria mas conveniente si subes la aplicacion a la red e indicarnos como producir el error? nos toma mas tiempo -al menos a mi- ensamblar todo he inducir adivinacion. de lo contrario, para que tambien nos ayude a encontrar el error, te diria que uses la consola de firebug. en la pestaña Script tienes varios controles para detener la ejecuccion del script cuando se genera un error. en ese instante puedes revisar los tipos de valores de las variables o propiedades, y determinar cual es el elemento que intenta agregar y donde. es la forma mas rapida que se me ocurre analizarlo, o sea una depuracion en proceso.

Iniciado por Panino5001

Ja, ja! Es bueno encontrarse con los amigos ;)

¡razon llevas!

[ClubIce]

perdon por la demora, aqui está:

http://clubice.site50.net/new-lyn/

[zerokilled]

no lo he revisado con mucha profundidad, pero creo que ya se por que es... estas agregando el mismo elemento a si mismo. es decir, por poner un ejemplo, estas haciendo algo como lo siguiente:

Código:

var d = document.createElement("div");
d.appendChild(d);

de todos modos sigo investigando de poco a poco para asegurarme.

[Tecna]

Buenas,

yo me he encontrado con este problema pero unicamente sucedía en la versión 7.0.517.44 de chrome, porque parece que no deja crear elementos directamente dentro de la etiqueta <html> así que la solución fue crear primero el elemento <body> . En las pruebas que hice en el resto de navegadores funcionaba correctamente de las dos formas.

[ClubIce]

creo que ya encontre el problema, resulta que cuando defino la propiedad element en el prototipo, esta creando en ese momento el DIV, y lo devuelve como protoripo, por eso el error. entonses, la solucion seria que se creara el elemento dentro del initialize del constructor, pero sucede que estos son subclases, los cuales dependen del initialize padre para definirse, y como nesesito definir objetos diferentes para cada una de las subclases, tendria que escribir el initialize a cada uno de estos, pero el problema es que no se como llamar al initialize padre que es el que termina de generar el objeto..... dentro del initialize se crea un parent, que se usa para llamar al initialize padre, pero no se como se hago para llamar a esa funcion y que se apliquen los cambios en el initialize de la sub clase.

PD: Tecna, a mi no me esta funcionando con el FF