Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > JavaScript
JavaScript Forum programmation JavaScript. Lire : Cours JavaScript, FAQ JavaScript, Toutes les FAQ JavaScript et Sources JavaScript
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 04/11/2011, 09h37   #1
Invité de passage
 
Homme Alexandre
Inscription : novembre 2011
Messages : 2
Détails du profil
Informations personnelles :
Nom : Homme Alexandre
Localisation : France

Informations forums :
Inscription : novembre 2011
Messages : 2
Points : 1
Points : 1
Par défaut Lien sur image en Javascript

Bonjour à tous,

Ceci est mon premier post, soyez indulgents !

Je suis en train de développer un site e-commerce sur Wordpress, et j'aurais besoin d'un peu d'aide en Javascript, n'y connaissant rien du tout, mais alors rien du tout.

Dans mon panier, pour enlever un article, une fonction est disponible. A l'état actuel, c'est ce code:
Code :
1
2
3
4
 
case "remove":
outputValue = me.valueToLink( "Remove" , "javascript:;" , "onclick=\"simpleCart.items[\'" + item.id + "\'].remove();\"" );
break;
Cela affiche le mot "Remove" dans mon panier, à côté de l'article.

Je voudrais remplacer ce mot "Remove" par une image, une croix rouge.
Je n'y arrive pas.

J'ai essayé de rajouter une image via le CSS, en créant une class dans mon html, l'image s'affiche, mais le mot "Remove" est présent également au dessus.
Le lien qui fait en sorte que l'article se retire du panier est positionné sur ce "Remove", en texte uniquement.


N'y aurait-il pas un moyen simple de modifier le code Javascript pour appeler directement une image, au lieu de ce texte "Remove" ?

C'est peut être très simple, mais comme je l'ai dit plus haut, je n'y connais rien en Javascript...

Merci pour vos suggestions.
Tatooine est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 04/11/2011, 10h21   #2
Rédacteur/Modérateur
 
Avatar de SpaceFrog
 
Homme
Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Inscription : mars 2002
Messages : 30 040
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : Royaume-Uni

Informations professionnelles :
Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Secteur : Industrie

Informations forums :
Inscription : mars 2002
Messages : 30 040
Points : 45 141
Points : 45 141
Sans savoir exactement comment fonctionne valueToLink, je ne puis que proposer à l'aveuglette quelque chose du genre
Code :
outputValue = me.valueToLink( '<img src="Remove.png" />" ,
en espérant qu'il ne créé pas un textNode mais du innerHTML
__________________
Ma page Developpez
Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
Votre post est résolu ? Alors n'oubliez pas le Tag


réalisations :www.planet-languages.com|www.saftair.com| www.ouestisol.fr | www.sebemex.fr | www.extramiante.fr | www.sistac-alizay.fr | www.acoustishop.fr | www.litt.fr | www.ouestventil.fr
SpaceFrog est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 04/11/2011, 13h48   #3
Invité de passage
 
Homme Alexandre
Inscription : novembre 2011
Messages : 2
Détails du profil
Informations personnelles :
Nom : Homme Alexandre
Localisation : France

Informations forums :
Inscription : novembre 2011
Messages : 2
Points : 1
Points : 1
Ok, en fait c'était tout simple. J'en ai presque honte.

Merci beaucoup, ça fonctionne !

Code :
1
2
3
case "remove":
outputValue = me.valueToLink( '<img src="image.png" />' , "javascript:;" , "onclick=\"simpleCart.items[\'" + item.id + "\'].remove();\"" );
break;
Tatooine est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité Cette discussion est résolue.
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 06h01.


 
 
 
 
Partenaires

Hébergement Web