blabla@web

Recherche :

Mot : Pseudo : Filtrer Aller à la page :
Page : 1 2 3 4 5 .. 115 116 117 .. 1454 1455 1456 1457 1458 1459 Page Suivante Page Précédente Bas de page
Auteur	Sujet : blabla@web

mIRROR

Chevreuillobolchévik

Reprise du message précédent :
un monde ou on pourrait vraiment se debarrasser des tableaux pour eviter les css bancales ...
nah on reve

Publicité

koskoz

They see me trollin they hatin

Bah, je ne fais plus de mise en page avec des tableaux, même si je galère en CSS, mes sites web sont full CSS (sauf pour les données tabulaire, car il serait débile de ne pas utiliser les tableaux, ce pourquoi ils existent).

Dj YeLL

$question = $to_be || !$to_be;

J'utilise rarement les tableaux. Pour les données tabulaires aussi evidemment, mais également lorsque j'ai absolument besoin d'un site en 2 colonne et que chacune des colonnes doit "pousser" l'autre avec un besoin bien spécifique, donc très rarement.

Et le tableau ne me sert que pour ces 2 colonnes, tout le reste étant fait sans tableau.

mIRROR> Même le jour où les navigateurs gèreront ça correctement, il faudra continuer un bout de temps à faire des sites "compatibles" Là avec IE7 qui arrive, va quand même falloir continuer à faire des site qui fonctionnent sous IE6 pendant un temps...

---------------
Gamertag: CoteBlack YeLL

mIRROR

Chevreuillobolchévik

@koskoz : je crois que t as pas mon compris mon message :sweat:

@dj yell : voila tu as dit ce que koskoz avait visiblement mal compris

Message édité par mIRROR le 09-09-2006 à 00:08:23

mIRROR

Chevreuillobolchévik

encore un petit probleme en js
j ai créé un slider qui marche sans probleme
mais j ai voulu en faire un objet et la ca coince
l objet s affiche bien mais tous les eventlisteners sont vides
mes googlages et differentes experiences ne donnent rien (j ai essayé obj.setAttribute, obj.addEventlistener et obj.onevent)
ca doit tous ces this qui s emmelent les pinceaux

une idee ? ^^

Message cité 2 fois

gooopil

pfiew

mIRROR a écrit :

Pourquoi t'utilises pas la classe event de Yahoo UI ? C'est pratique et ça marche bien

anapajari

s/travail/glanding on hfr/gs;

mIRROR a écrit :

A mon avis c'est le problème "classique" du this quand tu settes un event!!!
Exemple:

Code :

function divCliquable(msg){
this.msg = msg;
this.node = document.createElement('div');
document.getElementsByTagName('body')[0].appendChild(this.node);
this.node.onclick = function(e){
alert(this.msg);
}
}

Et là normalement tu te dis que ça doit marcher ... Et bien non!!!
Le this de ta fonction anonyme lié à l'event onclick n'est pas ton objet mais l'objet sur lequel à lieu l'évenement ( en l'occurence, le node du div), la propriété 'msg' y est donc inconnue.
T'as plein de methode différente pour t'en sortir mais ça dépend un peu de ton code ( et vu qu'on le voit pas ) mais une solution goret©, qui marche assez souvent consiste à faire une copie de ton objet:

Code :

...
var self = this;
this.node.onclick = function(e){
alert(self.msg);
}
...

mIRROR

Chevreuillobolchévik

@goopil : bah en fait si je voulais utiliser des trucs tout fait j aurais commencé plus tot

@anapajari : c est exactement ca j avais meme trouvé cette methode mais je me suis apercu du coté goret du truc

Code :

this.obj.onmousedown = this.startDrag;
this.startDrag = function(event) {
this.isDragging = true;
this.posX = event.screenX;
this.posY = event.screenY;
this.deltaX = this.posX - this.obj.offsetLeft;
this.deltaY = this.posY - this.obj.offsetTop;
}

donc je dois remplacer les this a l interieur de ma fonction par des self ?

edit:
marche pas [:jean-guitou]
et si je fais this.obj.onmousedown = function(event) {
l inspecteur dom me dit carrement qu il y a plus de onmousedown (avant il etait juste undefined)

Message cité 1 fois
Message édité par mIRROR le 11-09-2006 à 19:47:32

stiffler

Lâche mon profil putain ! :o

FREE WINMWINM

mIRROR

Chevreuillobolchévik

free mache que line

Spoiler :

free me from my problem reloo

Publicité

kadreg

profil: Utilisateur

free ture

---------------
brisez les rêves des gens, il en restera toujours quelque chose... -- laissez moi troller sur discu !

mIRROR

Chevreuillobolchévik

http://www.brockman.se/writing/met [...] .html.utf8
bon j ai trouvé cet article mais je comprends pas tout [:barthaliastoxik]
il conseille de passer la fonction par reference

Code :

function createMethodReference(object, methodName) {
return function () {
object[methodName]();
};
};

Message cité 1 fois

gatsu35

Blablaté par Harko

D'après ton code :

Code :

this.obj.onmousedown = this.startDrag;
this.startDrag = function(event) {
this.isDragging = true;
this.posX = event.screenX;
this.posY = event.screenY;
this.deltaX = this.posX - this.obj.offsetLeft;
this.deltaY = this.posY - this.obj.offsetTop;
}

tu as "this", et tu as "obj" qui est une reference à un objet, et "obj" est collé à "this".

maintenant tu as la methode "startDrag()", qui est une méthode de "this".
dans cette méthode tu fais appel à "obj" qui est lié à "this".
Donc ok, ca fonctionne dans ce cas précis.
Mais après tu dupliques la méthode "startDrag()", sur le "onmousedown" de "obj" qui appartient à "this"
Donc si le onmousedown est lancé, "obj" va devenir le "this" en question.
Mais le this spécifié dans la fonction (qui est obj) n'a pas de obj associé.

on se retrouve dans un cas : this.obj.obj (ce qui n'est pas possible).

Tu ne te serais pas emmêlé les pinceaux quelque part toi ?

on pourrais voir ton bouzin de plus prêt j'ai l'impression que tu pars dans tous les sens [:petrus75]

Message cité 2 fois

gatsu35

Blablaté par Harko

3615 myLife dans l'écriture du JS

Il m'arrivait jusqu'à maintenant d'ecrire une fonction qui prenait soit un id soit une reference à un élément.
pour ce faire, je testait la variable passée en parametre pour savoir si c'était une string ou une ref
exemple :

Code :

function showHide(obj) {
obj = (typeof(obj)=="string" ) ? document.getElementById(obj) : obj;
.....
}

showHide("roger" );

Explication :
Je teste si obj est une chaine de caractères, si oui, je fais un getElementById, si Non, je balance obj lui même.

Ce soir je viens de tester un style d'écriture que j'ai trouvé chez un collègue, ça m'a l'air pas mal :
exemple :

Code :

function showHide(obj) {
obj = document.getElementById(obj) || obj;
.....
}

Explication :
document.getElementById(obj) est testé, si le resultat est nul, alors il teste l'expression suivante qui est l'objet lui même dans notre cas.

Je dis que c'est énorme ça.

Mais quelqu'un aurait une explication précise sur le fonctionnement, et est-ce valable dans d'autres langages ?

Message cité 2 fois
Message édité par gatsu35 le 11-09-2006 à 23:30:45

mIRROR

Chevreuillobolchévik

gatsu35 a écrit :

Tu ne te serais pas emmêlé les pinceaux quelque part toi ?

on pourrais voir ton bouzin de plus prêt j'ai l'impression que tu pars dans tous les sens [:petrus75]

oui deux fois
je mets mon code maÿpatapaÿ [:dawa_neowen]

Code :

function Slider(id, posLeft, posTop, type) {
var isDragging, obj, posX, posY, deltaX, deltaY, objPosX, objPosY, divSlider;
this.divSlider = document.createElement('div');
this.divSlider.id = id;
this.obj = document.createElement('div');
if (type == "V" ) {
this.divSlider.style.backgroundImage = "url('VBar.png')";
this.obj.style.backgroundImage = "url('VCur.png')";
this.divSlider.style.height = '265px';
this.divSlider.style.width = '12px';
this.obj.style.width = '12px';
this.obj.style.height = '9px';
}
if (type == "H" ) {
this.divSlider.style.backgroundImage = "url('HBar.png')";
this.obj.style.backgroundImage = "url('HCur.png')";
this.divSlider.style.height = '12px';
this.divSlider.style.width = '265px';
this.obj.style.width = '9px';
this.obj.style.height = '12px';
}
this.divSlider.style.backgroundPosition = "center";
this.divSlider.style.backgroundRepeat = "no-repeat";
this.obj.style.zIndex = 2;
this.divSlider.appendChild(this.obj);
this.objPosX = this.obj.offsetLeft;
this.objPosY = this.obj.offsetTop;
//this.obj.onmouseout = this.endDrag;
//this.obj.onmouseup = this.endDrag;
//this.obj.onmousemove = this.drag;
//this.obj.onmousedown = this.startDrag();
var self = this;
this.obj.onmousedown = function(event) {
self.isDragging = true;
self.posX = event.screenX;
self.posY = event.screenY;
self.deltaX = self.posX - self.obj.offsetLeft;
self.deltaY = self.posY - self.obj.offsetTop;
}
this.obj.onmousemove = function(event) {
if (self.isDragging == true) {
self.newPosX = event.screenX - self.deltaX;
self.obj.style.left = self.newPosX + 'px';
if (self.obj.offsetLeft < self.objPosX) {
self.obj.style.left = self.objPosX;
}
if (self.obj.offsetLeft > (self.objPosX + 256)) {
self.obj.style.left = self.objPosX + 256 + 'px';
}
}
}
this.obj.onmouseup = function() {
self.isDragging = false;
}
this.obj.onmouseout = function() {
self.isDragging = false;
}
this.getSlider = function() {
return this.divSlider;
}
}

Message cité 1 fois

mIRROR

Chevreuillobolchévik

gatsu35 a écrit :

Mais quelqu'un aurait une explication précise sur le fonctionnement, et est-ce valable dans d'autres langages ?

bah dans php le classique c est
$result = mysql_query($sql) or die(mysql_error());

donc si ca existe en php ca existe probablement dans les langages dont il est inspiré ^^

Message cité 1 fois

gooopil

pfiew

mIRROR a écrit :

@goopil : bah en fait si je voulais utiliser des trucs tout fait j aurais commencé plus tot

Je comprend tout à fait :jap:
Je suis absolument pour ça, mais qu'il y a des libs qui font la même chose, bah on va pas réinventer la roue Après c'est clair faire tout le bouzin sans lib, t'apprend plus...La limite entre faire à la main/faire à la main avec lib est pas très franche...

Message édité par gooopil le 11-09-2006 à 23:44:02

gatsu35

Blablaté par Harko

en fait j'aurai bien voulu avoir une page complète histoire de pouvoir faire des tests et de comprendre ce que tu cherches à faire, car là, j'ai un peu de mal à piger pourquoi tu passes par un truc aussi lourd

mIRROR

Chevreuillobolchévik

@goopil : bah je telecharge quand meme la lib pour voir comment c est fait :jap:

@gatsu :
dans ma page j ai juste

slider = new Slider('slider',0,0,'H');
document.body.appendChild(slider.getSlider());

je veux que un ou plusieurs sliders s affichent
et je veux que les event se demerdent tout seuls pour pas avoir a les refaire ...genre si pour le fun je veux mettre 50 sliders ca me saoulerait de faire 50*4 eventlisteners a chaque fois quoi

edit
avec le code que j ai mis la le slider s affiche mais les events ne se declanchent pas
pourtant ma console dom me dit bien que les events sont attachés

Message édité par mIRROR le 11-09-2006 à 23:50:54

anapajari

s/travail/glanding on hfr/gs;

mIRROR a écrit :

http://www.brockman.se/writing/met [...] .html.utf8
bon j ai trouvé cet article mais je comprends pas tout [:barthaliastoxik]
il conseille de passer la fonction par reference

Code :

function createMethodReference(object, methodName) {
return function () {
object[methodName]();
};
};

Oublie, perso je trouve pas ça mieux.

gatsu35 a écrit :

:jap: entierement d'accord, par contre j'ai du relire trois fois pour tout comprendre

gatsu35 a écrit :

3615 myLife dans l'écriture du JS
Il m'arrivait jusqu'à maintenant d'ecrire une fonction qui prenait soit un id soit une reference à un élément.
pour ce faire, je testait la variable passée en parametre pour savoir si c'était une string ou une ref
exemple :

Code :

function showHide(obj) {
obj = (typeof(obj)=="string" ) ? document.getElementById(obj) : obj;
.....
}

Explication :
Je teste si obj est une chaine de caractères, si oui, je fais un getElementById, si Non, je balance obj lui même.

Problème: je passe un id non existant à ta fonction, paramètre == string mais ton obj se retrouve undefined. Perso j'ai en gros la même fonction sauf qu'en plus, je créé un noeud si jamais le getElementById merdouille.

gatsu35 a écrit :

Ce soir je viens de tester un style d'écriture que j'ai trouvé chez un collègue, ça m'a l'air pas mal :
exemple :

Code :

function showHide(obj) {
obj = document.getElementById(obj) || obj;
.....
}

Explication :
document.getElementById(obj) est testé, si le resultat est nul, alors il teste l'expression suivante qui est l'objet lui même dans notre cas.
Je dis que c'est énorme ça.
Mais quelqu'un aurait une explication précise sur le fonctionnement, et est-ce valable dans d'autres langages ?

C'est juste un ou ( comme le or que t'expliques mIRROR plus bas), le truc c'est que 'undefined' OU 'un objet' bin ça retourne 'un objet' [:dawa] .
Par contre même problème qu'avec ton 1er code, sauf que là c'est encore pire car tu n'as pas de vérification du type d'objet!!! Donc je passe un id qui existe pas, le getElementById merde et je me retrouve avec un string dans obj ( ce qui laisse augurer de quelques réjouissances dans le reste de la fonction).

mIRROR a écrit :

bah dans php le classique c est
$result = mysql_query($sql) or die(mysql_error());
donc si ca existe en php ca existe probablement dans les langages dont il est inspiré ^^

ça existe en perl également.

mIRROR a écrit :

oui deux fois
je mets mon code maÿpatapaÿ [:dawa_neowen]

Code :

function Slider(id, posLeft, posTop, type) {
var isDragging, obj, posX, posY, deltaX, deltaY, objPosX, objPosY, divSlider;
...
var self = this;
this.obj.onmousedown = function(event) {
self.isDragging = true;
self.posX = event.screenX;
self.posY = event.screenY;
self.deltaX = self.posX - self.obj.offsetLeft;
self.deltaY = self.posY - self.obj.offsetTop;
}
...
}

En objet, si je te dis 'propriété privée' ça te parle ou pas ???
Nan parce que la, tu as un bel exemple d'appel à une propriété privée dans une fonction externe à ta classe

Message cité 2 fois

gatsu35

Blablaté par Harko

anapajari a écrit :

T'affole pas chérie, Je fais tous les controles nécessaires par derrière.

En pratique je fais un return, car ce sont des fonctions spécifiques donc bon.
Mais c'était juste pour l'exemple hein

Message cité 1 fois

anapajari

s/travail/glanding on hfr/gs;

gatsu35 a écrit :

T'affole pas chérie, Je fais tous les controles nécessaires par derrière.

Mon loulou, rentre pas trop tard ce soir j'ai fait du DOM à manger et pour les controles par derrière, on verra après le dinner!

gatsu35

Blablaté par Harko

[:rofl]

gatsu35

Blablaté par Harko

Anapajari 3000 msg pour toi \o/

anapajari

s/travail/glanding on hfr/gs;

aaah ça va changer ma vie !!!
Maintenant j'ai le droit de me la jouer IRC-godLike:

Citation :

w00t w00t, kikou lol

mIRROR

Chevreuillobolchévik

anapajari a écrit :

:jap: entierement d'accord, par contre j'ai du relire trois fois pour tout comprendre

je croyais que ca venait de moi ca me rassure

j ai ensuite reecrit la fonction ainsi

Code :

this.obj.onmousedown = function(event) {
self.isDragging = true;
self.posX = event.screenX;
self.posY = event.screenY;
self.deltaX = self.posX - this.offsetLeft;
self.deltaY = self.posY - this.offsetTop;
}

avec self qui reprend donc l objet instancié et this qui remplace l ancien this.obj (donc l objet que je veux deplacer)

anapajari a écrit :

En objet, si je te dis 'propriété privée' ça te parle ou pas ???
Nan parce que la, tu as un bel exemple d'appel à une propriété privée dans une fonction externe à ta classe

tu m avais donné ce lien
http://phrogz.net/JS/Classes/OOPinJS.html

Citation :

privileged methods are declared with this.methodName=function(){...} and may invoked by code external to the object.

d ailleurs ma methode getSlider() fonctionne bien
alors pourquoi pas les autres :cry:

ah tiens j ai pas tout lu [:dawa_neowen]

Citation :

// PRIVILEGED METHODS
// MAY BE INVOKED PUBLICLY AND MAY ACCESS PRIVATE ITEMS
// MAY NOT BE CHANGED; MAY BE REPLACED WITH PUBLIC FLAVORS

getSLider fonctionne parce que c est juste un getter :whistle:

bon je taÿste

Spoiler :

t1 la honte [:dawak]

anapajari

s/travail/glanding on hfr/gs;

pour résumé ton posX par exemple, tu le déclares dans le constructeur via:

Code :

var posX;

Et tu y accèdes via:

Code :

this.posX

Dans une fonction qui n'est pas une méthide de la classe mais une handler pour un evenement sur un noeud ( qui est également un attribut de ta classe)

mIRROR

Chevreuillobolchévik

okkkkkkkk ca marche impec

[:captain gouyou]

anapajari

s/travail/glanding on hfr/gs;

parfait si ça marche; mais toi, tu as compris pourquoi ou bien???

edit: aah et pour le coup du self et du this, tu as un bon exemple sur http://forum.hardware.fr/forum2.ph [...] w=0&nojs=0
regarde ce qui est fait dans le onchange setter sur le select!

Message édité par anapajari le 13-09-2006 à 09:51:55

mIRROR

Chevreuillobolchévik

bah en fait j ai commencé par faire une grosse connerie
j ai oublié de mettre mon div (le obj de mon js) en absolute
et la je viens de regarder et en effet oui ca pouvait pas fonctionner parce qu il fallait que mes methodes soient publiques
(mais pourquoi aussi ils utilisent pas private/public/protected comme tout le monde ? :fou: :fou: :fou: )

mdr excellent les commentaires du script
oui j avais pas trop compris au debut toutes les utilisations du this
avant la version objet de mon script je faisais un onmousemove="drag(this);" sur mon objet et j avais pas trop calculé que le this changeait a ce moment ^^

donc merci a toi et gatsu :jap:

gooopil

pfiew

Chtite question :
Pourquoi la console de FF n'affiche aucune erreur en faisant un truc comme ça par inadvertance : machin.innerHTMl
Il devrait tilter et me dire que ça existe pas au lieu de rien faire non ?

kadreg

profil: Utilisateur

si c'est en creation, c'est normal, c'est du JS? tu as le droit de créer un nouveau champs à la volée.

Message cité 1 fois

---------------
brisez les rêves des gens, il en restera toujours quelque chose... -- laissez moi troller sur discu !

gooopil

pfiew

kadreg a écrit :

si c'est en creation, c'est normal, c'est du JS? tu as le droit de créer un nouveau champs à la volée.

Edit: déchirage autocensuré

Message édité par gooopil le 13-09-2006 à 11:56:00

anapajari

s/travail/glanding on hfr/gs;

- c'est quoi machin?
- pour toi l'erreur c'est le l minuscule de innerHTML? Si c'est le cas FF considère qu'il s'agit d'une nouvelle propriété.
Tu peux très bien faire:

Code :

tonNoeud.NimporteQuoi = uneValeur;

edit:
~~ça revient à faire~~

Code :

tonNoeud.setAttribute('NimporteQuoi', uneValeur);

c'est pas vrai ça, vu que pour le DOM c'est différent...
En fait ça revient à faire

Code :

tonNoeud['NimporteQuoi'] = uneValeur;

Message édité par anapajari le 13-09-2006 à 11:57:47

gooopil

pfiew

Désolé pour le machin, machin c'est un élément quelconque html. Et l'erreur c'est bien la majuscule en moins...
Je viens de comprendre en fait

Dans mon cerveau de poule je comparais avec un

Code :

document.getElementById('id').setATRRRIBUTE();

qui renvoie une erreur, normal !

Milles excuses pour le dérangement

Message édité par gooopil le 13-09-2006 à 11:56:37

anapajari

s/travail/glanding on hfr/gs;

mIRROR> je suis tombé sur ce slider http://blog.triptracker.net/2006/0 [...] slideshow/ que je trouve très sympa!

Message cité 1 fois

gooopil

pfiew

Dommage que ça fonctionne pas sous Ie, mais c'est clair qu'il est sympa ce slide

Message cité 1 fois

anapajari

s/travail/glanding on hfr/gs;

gooopil a écrit :

Dommage que ça fonctionne pas sous Ie, mais c'est clair qu'il est sympa ce slide

www.chezmoicamarche.com

Message cité 1 fois

KrisCool

Verbeux

anapajari a écrit :

mIRROR> je suis tombé sur ce slider http://blog.triptracker.net/2006/0 [...] slideshow/ que je trouve très sympa!

Ils ont même prévu un bouton TT pour les modos [:petrus75]

---------------
Loose Change Lies | Bars | Last.fm

gooopil

pfiew

anapajari a écrit :

www.chezmoicamarche.com

Ben ouais mais chez moi c'est plutôt www.camarchepas.free.fr
Bizarre...

the real moins moins

J'ai un <select> avec un evenement onchange. J'esperais qu'en renvoyant false, ça annulerait le changement et reviendrais à l'option selectionnée par defaut. Y'a moyen quand meme ou bien ?

Message cité 1 fois

---------------
Hey toi, tu veux acheter des minifigurines Lego, non ?

Publicité

Page : 1 2 3 4 5 .. 115 116 117 .. 1454 1455 1456 1457 1458 1459

Page Suivante

Page Précédente

Haut de page

FORUM HardWare.fr

Programmation

HTML/CSS

blabla@web

Sujets relatifs
blabla 3	blabla 2
PUTAIN HARKO TU AS FERM2 BLABLA !	[Beaucoup de blabla pour rien : post à effacer] Compiler .bat
variable1="blabla + variable2 +blala : c'est possible ??	[PHP & regex] "blabla blabla file.ext?point=444 blabla" Recupérer 444
mail("celine@hotmail.com"," sujet","blabla"); pose une err ! Help	[MySQL] WHERE 'blabla' compris dans le champ truc
[blabla@olympe] Le topic du modo, dieu de la fibre et du monde	[PHP / BlaBla - limite]
Plus de sujets relatifs à : blabla@web

Page générée en 0.134 secondes