Du html orienté objet

[ernestrenan]

Une petite idée que j'ai eu pour faire passer des objets du php au javascript sans avoir à ecrire du javascript dans mon php avec un echo. J'ai transformé ma balise html en une "pseudo-balise" xml.

Code php :

1
2
3
4
5
6
7
8
9
class monObjet{
  public $id;
  public $foo;
  public $bar;
 
  public function affiche_toi() {
    echo '<div id="'.$this->id.'" foo="'.$this->foo.'" bar="'.$this->bar.'" onclick="monObj.init('.$this->id.')">Mon objet </div>';
  }
}

Code javascript :

1
2
3
4
5
6
7
8
monObj = {
  init: function(id) {
    element = document.getElementById(id);
    monObj.id = element.id;
    monObj.foo = element.foo;
    monObj.bar = element.bar;
  }
}

Est ce qu'il y a une raison pour laquelle cette méthode n'est pas employée du tout (par ex pas supporter par certains navigateur).

[Bovino]

Oui, il y en a plusieurs !

* Quel est l'intérêt ?
Je veux dire, si tu veux intégrer du code JavaScript, pourquoi essayer d'utiliser du HTML plutôt que du JavaScript ? Qu'est-ce que tu as a y gagner ?

* Ton code HTML ne sera pas valide et ton code JavaScript "obstrusive".

* Le DOM JavaScript fait un lien direct entre les propriétés usuelles d'une balise HTML et l'objet HTMLElement correspondant. Ce qui veut dire que

Code :

monObj.id = element.id;

fonctionnera : id est un attribut correct, mais en revanche

Code :

monObj.foo = element.foo;

ne fonctionnera pas, même s'il est possible de passer par getAttribute().

* Personnellement, je trouve pas ça très "propre"...

[SpaceFrog]

html ou js ???
pour moi ça relève plus de php qu'autre chose
et du coup y'a phpDOM ...

[Bovino]

Envoyé par SpaceFrog

html ou js ???
pour moi ça relève plus de php qu'autre chose
et du coup y'a phpDOM ...

Si j'ai bien tout compris, ce qu'il veut, c'est générer en PHP une balise HTML dont les attribut seront les propriétés de l'objet PHP et dont il se servira pour créer un objet JavaScript... En espérant que l'objet ne possède pas de méthode

[SpaceFrog]

ben phpDOm alors

[Bovino]

Envoyé par SpaceFrog

ben phpDOm alors

Pour créer un objet JavaScript ?

[ernestrenan]

Moi non plus je trouve pas ça propre mais mon problème c'est que j'ai des données stockés sous formes d'arbres je veux l'afficher donc là : php avec une classe Noeud définie récursivement pour générer la vue, puis je veux pouvoir en contrôlant avec la souris "éditer" l'arbre (supprimer un sous arbre, déplacer un sous abre en drag and drop, créer un nouveau noeud) je vois pas d'autre moyen que de passer par javascript mais si je créé un objet "arbre modifiable" pour chacun des sous arbre possibles comme il y a environ 10.000 noeuds je fais complétement péter ie6. D’où mon idée de d'abord créer la page html avec les infos sur les objets Noeud stockés dans les balises pour pouvoir récréer en fonction des besoins de l'utilisateur les arbres nécessaires en javascript.

C'est peut-être complétement tordu mais j'ai jamais fait de javascript de ma vie

[SpaceFrog]

là je recommanderais plutot jquery non ?
A moins que vu le nombre de noeud à gerer il soit plus rapide de traiter tout coté serveur.
Mais je persiste à penser que phpDOM est ta planche de salut

[bewidia]

Pourquoi ne pas créer l'instance de l'objet en même temps que le div ?

[ernestrenan]

Envoyé par SpaceFrog

là je recommanderais plutot jquery non ?
A moins que vu le nombre de noeud à gerer il soit plus rapide de traiter tout coté serveur.
Mais je persiste à penser que phpDOM est ta planche de salut

Je connais dejà pas bien javascript alors passer à jquery...
Je vais plancher sur phpDOM.

Envoyé par bewidia

Pourquoi ne pas créer l'instance de l'objet en même temps que le div ?

Parce que c'est trop lourd de créer des milliers d'objets dont la plupart ne seront pas utilisés

[bewidia]

tu peux créer alors des éléments formulaire qui contiennent tes valeurs

Code :

1
2
3
4
5
6
7
 
<div id="monDiv" onClick="methode('monDiv');">
<form name="monDiv">
<input type="hidden" name="foo" value="maValeur" />
<input type="hidden" name="bar" value="maValeur" />
</form>
</div>

et la méthode construit ton objet JS en cherchant les valeurs par formulaire / nom de champ