IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Lien sur image en Javascript


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Candidat au Club
    Homme Profil pro
    Inscrit en
    Novembre 2011
    Messages
    2
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Novembre 2011
    Messages : 2
    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 : Sélectionner tout - Visualiser dans une fenêtre à part
    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.

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

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

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    Sans savoir exactement comment fonctionne valueToLink, je ne puis que proposer à l'aveuglette quelque chose du genre
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    outputValue = me.valueToLink( '<img src="Remove.png" />" ,
    en espérant qu'il ne créé pas un textNode mais du innerHTML
    Ma page Developpez - Mon Blog 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

    Venez sur le Chat de Développez !

  3. #3
    Candidat au Club
    Homme Profil pro
    Inscrit en
    Novembre 2011
    Messages
    2
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Novembre 2011
    Messages : 2
    Par défaut
    Ok, en fait c'était tout simple. J'en ai presque honte.

    Merci beaucoup, ça fonctionne !

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    case "remove":
    outputValue = me.valueToLink( '<img src="image.png" />' , "javascript:;" , "onclick=\"simpleCart.items[\'" + item.id + "\'].remove();\"" );
    break;

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. lien sur image pour ouverture pop up
    Par nahkira dans le forum Général JavaScript
    Réponses: 8
    Dernier message: 31/12/2006, 19h39
  2. gerer lien sur image par css : possible ou pas?
    Par michka999 dans le forum Mise en page CSS
    Réponses: 6
    Dernier message: 17/08/2006, 16h01
  3. PB lien sur image sous IE, pas sous Firefox.
    Par django29 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 09/08/2006, 15h54
  4. CSS Liens sur images
    Par FRANCKYIV dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 26/04/2006, 22h14

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo