liste HTML incrémentable

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : liste HTML incrémentable

zeManuuu

Bonjour,

j'aurai voulu savoir comment on fait un champ de texte, qui affiché 1998 par exemple et qui permet de l'incrémentée ou de la décrémentée grâce à un bouton présent juste à côté. Ca doit être un champ de texte spécial, j'ai longtemps cherché mais pas retrouver.

C'est souvent utiliser dans les inscriptions de forums je crois.

si quelqu'un à une idée, merci !

Publicité

xtof_83

Freeride Spirit

Javascript

Tu chopes la valeur du champs, tu l'additionnes/soustaits, et tu remets la valeur...

anapajari

s/travail/glanding on hfr/gs;

Code :

<input type="text" id="inc" readonly="readonly" value="1998"/>
<input type="button" value="+" onclick="document.getElementById('inc').value = parseInt(document.getElementById('inc').value)+1;"/>
<input type="button" value="-" onclick="document.getElementById('inc').value = parseInt(document.getElementById('inc').value)-1;"/>

warning: not tested

zeManuuu

je parle d'un truc de ce type :

http://www.nolife-united.net/divers/salut.jpg

xtof_83

Freeride Spirit

C'est ce qu'on t'a filé

Message cité 1 fois

anapajari

s/travail/glanding on hfr/gs;

xtof_83 a écrit :

C'est ce qu'on t'a filé

+1
Après tu mets des css par dessus pour faire joli et zou...
Et si tu veux que le champs soit "éditable" vire l'attribut readonly

zeManuuu

Bah, la différence, c'est que les boutons d'incrémentation sont à l'extérieur du champ de texte dans ton exemple. Personnellement, je recherche des boutons qui sont présents à l'intérieur du champ, je pense que c'est un champ de texte spécial, voire même une liste déroulante ???

Message édité par zeManuuu le 03-04-2006 à 11:57:49

anapajari

s/travail/glanding on hfr/gs;

Nan c'est exactement ce qu'on t'a donné... Si tu essayais un peu tout seul et que tu avais regardé les css comme conseillé tu aurais vu que c'était tout à fait ça... la preuve?

Code :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>Test</title>
<style type="text/css">
div#theList{
border: 1px solid blue;
width: 220px;
padding: 0px;
}
input{
float: left;
margin: 0px;
padding: 0px;
}
input#inc{
width: 200px;
height: 22px;
}
img{
float: left;
width: 10px;
height: 10px;
border: 0px;
}
br.cleaner{
clear: both;
line-height: 0px;
}
</style>
</head>
<body>
<div id="theList">
<input type="text" id="inc" value="1998"/>
<a href="#" onclick="document.getElementById('inc').value = parseInt(document.getElementById('inc').value)+1;return false;">
<img src="haut.jpg" alt="haut"/>
</a>
<a href="#" onclick="document.getElementById('inc').value = parseInt(document.getElementById('inc').value)-1;return false;">
<img src="bas.jpg" alt="bas"/>
</a>
<br class="cleaner"/>
</body>
</div>
</html>

Message édité par anapajari le 03-04-2006 à 12:26:45

FORUM HardWare.fr

Programmation

HTML/CSS

liste HTML incrémentable

Sujets relatifs
Tableaux HTML et bordure ?	Problemes sur excel : liste, liens
Problème tableau HTML	inserer une page HTML dans un fichier xsl
XML, XSLT, HTML, SVG, PDF...	Bloc Serveur comme nukeClan sur un site HTML [résolu]
[HTML] insérer un document PDF dans une page web	[VBA] [Résolu] Liste de choix
htmlentities et code html, pb avec <br>	[VBS] Liste des dossiers partagés sur un serveur
Plus de sujets relatifs à : liste HTML incrémentable

Page générée en 0.069 secondes