Questions concernant javascript

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Questions concernant javascript

tompouss

Petit chat

Bonjour,

suite à la lecture de plusieurs articles sur javasript, et du travail sur un projet concret, je me pose les questions suivantes:

1ere question:

code html

Code :

<a class="link_to_project finger_pointer fl" href="portfolio/photoericbrenard/">
<img class="project-pic" src="img/portfolio/thumbs/photobrenard.png" alt="site du photographe eric brenard" id="photoericbrenard"/>
<div class="project-block_info-panel">
<p><strong>Eric Brenard</strong><br/>photographe</p>
<a href="" class="finos">Infos</a>
<div class="project-tech_used txtcenter">
<img class="project_techno inbl" id="php" title="PHP" src="./img/skills/icons/logo_vector/php.svg"/>
<img class="project_techno inbl" id="mysql" title="MySQL" src="./img/skills/icons/logo_vector/mysql_100.svg"/>
</div>
</div>
</a>

code js:

Code :

namespace.sousnamespace.projectPresentation = function () {
var $project_infos;
var $project_tech_used;
$('.link_to_project').on({
mouseenter: function(){
var $this=$(this);
$this.children('.project-block_info-panel').hide();
var $currentimg = $this.children('.project-pic');
$project_infos = $this.children('.project-block_info-panel');
var $style={
'zIndex': '999',
'width': '150px',
'height': '150px',
'position': 'absolute',
'padding':'10px',
'top': $currentimg.offset().top,
'left': $currentimg.offset().left,
'opacity': '0.9',
'background': '#e4e4e4'
};
$project_infos.css($style).fadeIn(500);
$project_infos.children('p').show();
$project_tech_used = $project_infos.children('.project-tech_used');
$project_tech_used.toggle(100);
},
mouseleave: function(){
$project_tech_used.toggle();
$project_infos.fadeOut(200).hide();
}
});
};

le fait de rajouter le "<a href="" class="finos">Infos</a>"
bloque l'evenement mouseenter: rien ne se passe alors qu'une div ("<div class="project-block_info-panel"> ) devrait apparait au dessus du lien project avec le lien ""<a href="" class="finos">Infos</a>" visible

Le code focntionne très bien sans ce "<a href="" class="finos">Infos</a>"
j'ai dejà essayé d'utiliser event.target pensant que c'était du au bouillonnement mais ca ne marche pas non plus

aucune erreur dans firebug (meme en strict)

Bref wtf ?

2eme question:

object javscript:

Code :

var truc =
{
init: function(){
}
}

est il égale au code suivant ?

Code :

var truc =
{
init = function(){
}
}

ou bien s'agit-il de 2choses différentes?

3eme question:

soit le code

Code :

var namespace.publics.truc=
{
init = function(){
}
end = function(){
this.init()
}
}

ne focntionne pas: type error this.init() is not a function

autrement dit, comment accéder à une fonction depuis une autre fonction du même objet ?

Merci d'avance pour votre aide

Tom

Message édité par tompouss le 28-04-2016 à 16:18:50

---------------
collectionneur de pâtes thermiques

Publicité

SICKofitALL

misanthrope

Pour ta question 2, c'est la première syntaxe qui est la bonne. La seconde est "valable", mais ne fonctionne pas comme tu le penses j'imagine
Tu définis un objet (de facon litérale) avec la syntaxe suivante :

Code :

var monObject = {
valeur: 123,
maFonction: function () { console.log (this.valeur); } // dans ce cas, this pointe sur l'objet contenant et non sur le contenu de la fonction elle même
}
monObject.maFonction (); // ca t'affiche "123" dans la console de ton browser

Pour ta question 3 :

Code :

var namespace.publics.truc =
{
init: function () { /**/ },
end: function(){
this.init ();
}
}
namespace.publics.truc.end (); // ca fonctionne ca this pointe sur ton object namespace.publics.truc

mais :

Code :

var namespace.publics.truc =
{
init: function () { /**/ }
}
var end = function(){
this.init ();
}
end (); // ca ne fonctionne pas
end.call (namespace.publics.truc); // ca fonctionne, car on fait pointer this sur le bon object
var bindedEnd = end.bind (namespace.publics.truc); // ca te retourne une nouvelle *fonction* qui est alors définitivement assignée ("bindée" ) à ton object
bindedEnd (); // ca fonctionne

---------------
We deserve everything that's coming...

tompouss

Petit chat

10 ans après

Cool merci pour ces explications.

J'y vois un peu plus clair maintetnant

j'ai trouvé ce lien:

https://javascriptweblog.wordpress. [...] e-objects/

Tu m'étonnes que je m'embrouille avec javascript :whistle:

---------------
collectionneur de pâtes thermiques

FORUM HardWare.fr

Programmation

Javascript/Node.js

Questions concernant javascript

Sujets relatifs
Créer une url complète à partir d'un javascript	Diverses questions VBA
Appeler une page en HTML5 via du Javascript	Java map vers Javascript map ?
Création d'un shema d'opération Javascript	[RESOLU] Faire deux input avec Javascript
Questions sur l'API de twitter	Besoin d'aide: parser un fichier javascript
Javascript : fusionner deux variables	Parser Json en javascript
Plus de sujets relatifs à : Questions concernant javascript

Page générée en 0.065 secondes