Ajouter une image à soumettre entrée avec Jquery

Salut, j'ai le code suivantAjouter une image à soumettre entrée avec Jquery

<input type="submit" name="btnCheckOut" value="Buy >>" id="btnCheckOut" />

Je n'ai pas accès direct au code source, mais je voudrais ajouter une image « money.png » devant le "Acheter" le texte.

Comment le faire avec Jquery?

Source

2010-06-27 gulbaek

J'utiliser » au lieu de >>, semble un peu plus agréable l'OMI. Si j'étais à votre place je ferais juste l'image, je ne pense pas que vous pouvez vraiment ajouter une icône à un bouton de soumission trop bien. '' Faire img.png avoir votre icône suivi de 'Acheter >>' – Rob

Une bien meilleure option est de créer une image qui contient Acheter et petite image , comme vous voyez le symbole du panier en Amazonie. –

Malheureusement, je n'ai aucune option pour le changer en une image. Ma seule façon d'éditer est avec Jquery. – gulbaek

solution de A la Huran Aaron, mais JQuery:

$(this).css('background', "url('/myimage.png') no-repeat top left").css('padding', '2px 8px');

Source

2010-06-27 15:41:20 Rob

Par "devant", voulez-vous dire devant le <input/> ou devant le texte actuel (c'est-à-dire dans l'entrée)?

Si c'est l'ancien alors cela devrait faire:

$('input[name=btnCheckOut]').before('<img src="money.png"/>');

Si c'est celui-ci, alors vous devriez utiliser un <button> à la place car elle permet presque tous les éléments qui le composent:

$('input[name=btnCheckOut]').before(
    '<button name="btnCheckOut"><img src="money.png"/>Buy &gt;&gt;</button>' 
).remove();

Source

2010-06-27 15:23:45 James

Il dit n'a pas accès au code pour utiliser un bouton. –

@Aaron, d'où le dynamisme du bouton, via jQuery! – James

Vous pouvez faire avec CSS en ajoutant une image de fond à l'élément "submit".

submit { 

    background: url('/myimage.png') no-repeat top left; 
    padding: 2px 8px; 
}

Source

2010-06-27 15:23:47

Ou avec JQuery '$ (this) .css ('background'," url ('/ myimage.png') pas de répétition en haut à gauche "). Css ('padding', '2px 8px');' (puisque vous ne pouvez utiliser jquery) – Rob

S'il peut ajouter Javascript pour jQuery, il peut probablement ajouter aussi du CSS. –

True, mais il ne peut pas accéder au code HTML, donc vous ne savez jamais – Rob

Utilisez before() pour injecter votre image avant le tag d'entrée.

http://api.jquery.com/before/

$('#btnCheckOut').before('<img src="money.png" id="..." />');

PS Si vous voulez que l'image cliquable aussi vous devez le gérer via jQuery trop en liant l'événement click.

Source

2010-06-27 15:24:43 mamoo

Ajouter une image à soumettre entrée avec Jquery

Répondre

Questions connexes