2010-11-21 5 views
0

Voici le violon. Un peu de code sur lequel je travaille, essentiellement je veux que le bouton sélectionné pour activer Orange.Bouton css3, problème sélectionné

Démo ci-dessous

Fiddle ici>http://jsfiddle.net/ozzy/veqwu/4/

Peut-être aussi un avis: Vous avez choisi le bouton 1 dans un élément div. (Ailleurs sur la page)

J'ai essayé toutes sortes d'effets css, mais compter la seule façon est plonking ce lot dans un tableau, toutes les suggestions

+0

Qu'entendez-vous exactement par 'selected'? Avez-vous survolé? Cliquez sur? Autre chose? –

+0

comme dans la démo dans le violon. Ainsi, au chargement de la page, tous les boutons sont blancs. L'utilisateur clique sur le bouton 1, il devient orange. L'utilisateur clique sur le bouton 2, il devient orange, et le bouton 1 devient blanc à nouveau etc etc – 422

Répondre

2

Que diriez-vous quelque chose comme ça?

http://jsfiddle.net/sje397/dXxmt/

+0

vous étoiles! Comment est-ce que je placerais le texte du bouton sélectionné dans un élément span en utilisant css (je peux gérer le css) c'est juste dans la page, il supprime en fait mon pied de page. Fonctionne très bien, merci ... J'ai travaillé dessus pendant des heures sanglantes – 422

+0

c'est-à-dire ce bit $ ('p'). Text ('Bouton sélectionné:' + $ (this) .text()); Il interfère avec d'autres éléments de bouton, pouvons-nous lui attribuer un identifiant? – 422

+0

@ 422 - oui, assignez simplement l'élément où vous voulez que le texte ait un identifiant, puis utilisez '$ ('# elementid'). Text (...)' à la place (où 'elementid' est l'id que vous avez choisi, cours). – sje397

1

http://jsfiddle.net/SebastianPataneMasuelli/veqwu/5/

utilisant jQuery onDomReady.

bien sje397, battez-moi au coup de poing

+0

Excellent Sebastian, comme ça. jouera avec votre script pour la partie "vous avez choisi", car cela peut fonctionner plus propre avec notre code. J'ai remarqué que, jusqu'à ce que vous ayez relâché le bouton de la souris, le bouton reste blanc. Merci pour votre temps mate – 422