Joli bouton ???
Résolu/Fermé
A voir également:
- Joli bouton ???
- Réinitialiser chromecast sans bouton - Guide
- Bouton reinitialisation pc - Guide
- Hard reset samsung sans bouton home - Guide
- Bouton home clavier ✓ - Forum PC portable
- Thunderbird bouton envoyer disparu ✓ - Forum Thunderbird
11 réponses
asevere
Messages postés
13084
Date d'inscription
lundi 28 janvier 2002
Statut
Webmaster
Dernière intervention
3 février 2022
426
5 févr. 2002 à 11:21
5 févr. 2002 à 11:21
Pour dessiner un joli bouton comme celui plus haut c tres simple....
exemple un:
<input type="submit"style="background-color: #3300ff; color: #ffffff; border: 1 solid #ffffff" name="Submit" value="Envoyer">
exemple deux:
<input type="reset"style="background-color: #9999cc; color: #ffffff; border: 1 solid #ffffff" name="Submit2" value="Effacer">
en choisissant bien les couleurs ca devrait aller...
@++
exemple un:
<input type="submit"style="background-color: #3300ff; color: #ffffff; border: 1 solid #ffffff" name="Submit" value="Envoyer">
exemple deux:
<input type="reset"style="background-color: #9999cc; color: #ffffff; border: 1 solid #ffffff" name="Submit2" value="Effacer">
en choisissant bien les couleurs ca devrait aller...
@++
PhP
Messages postés
1770
Date d'inscription
lundi 11 décembre 2000
Statut
Membre
Dernière intervention
23 décembre 2009
606
1 févr. 2002 à 21:50
1 févr. 2002 à 21:50
Salut Peanuts,
Pour le gris qui correspond en fait à la façon dont Windows dessine les boutons sur les formulaires je crois que tu peux pas faire grand chose ...
Non, le mieux c'est encore que tu dessines toi même tes boutons avec un logiciel du genre Photoshop (j'aime +++++ ;:-) ) et que tu les places dans de simples liens html.
Par ex
<a href="..."><img scr="mon_bouton.jpg"></a>
Avec du Javascript tu peux même changer l'aspect du bouton lorsque tu le survoles et qd tu cliques dessus.
@+
Philippe
[[ The Truth is Out There ]]
Pour le gris qui correspond en fait à la façon dont Windows dessine les boutons sur les formulaires je crois que tu peux pas faire grand chose ...
Non, le mieux c'est encore que tu dessines toi même tes boutons avec un logiciel du genre Photoshop (j'aime +++++ ;:-) ) et que tu les places dans de simples liens html.
Par ex
<a href="..."><img scr="mon_bouton.jpg"></a>
Avec du Javascript tu peux même changer l'aspect du bouton lorsque tu le survoles et qd tu cliques dessus.
@+
Philippe
[[ The Truth is Out There ]]
ouais mais adieu le formulaire ???!!!!
alexandre.cailliau
Messages postés
25
Date d'inscription
lundi 12 février 2001
Statut
Membre
Dernière intervention
20 juin 2002
4 févr. 2002 à 11:44
4 févr. 2002 à 11:44
Salut,
Pour envoyer le formulaire à partir d'un lien voici la ligne :
<a Href="" onclick="document.forms[0].submit()"><IMG src='chemin image' ></a>
En esperant t'avoir rendu service
Alexandre
Pour envoyer le formulaire à partir d'un lien voici la ligne :
<a Href="" onclick="document.forms[0].submit()"><IMG src='chemin image' ></a>
En esperant t'avoir rendu service
Alexandre
peanuts
>
alexandre.cailliau
Messages postés
25
Date d'inscription
lundi 12 février 2001
Statut
Membre
Dernière intervention
20 juin 2002
5 févr. 2002 à 09:34
5 févr. 2002 à 09:34
ca m'interesse de faire passer un formulaire par une image/lien , mais ca marche pas comme tu l'as fait ...
il correspond a quoi le 0 ??
il correspond a quoi le 0 ??
alexandre.cailliau
Messages postés
25
Date d'inscription
lundi 12 février 2001
Statut
Membre
Dernière intervention
20 juin 2002
>
peanuts
5 févr. 2002 à 09:55
5 févr. 2002 à 09:55
Salut,
En fait le forms[0] représente le premier formulaire de ta page (et si tu en as qu'un le seul).
Tu peux aussi te servir du nom que tu as donné à ton formulaire, du style document.NomFormulaire.submit().
Pour plus d'infos sur le JAVASCRIPT va voir
http://developer.netscape.com/docs/manuals/js/client/jsref/index.htm
c'est en anglais mais très complet.
Tu dois avoir un message d'erreur JavaScript. Passe le moi si tu veux que je regarde.
Passe moi aussi ta page je jetterai un oeil.
A ++
Alexandre
En fait le forms[0] représente le premier formulaire de ta page (et si tu en as qu'un le seul).
Tu peux aussi te servir du nom que tu as donné à ton formulaire, du style document.NomFormulaire.submit().
Pour plus d'infos sur le JAVASCRIPT va voir
http://developer.netscape.com/docs/manuals/js/client/jsref/index.htm
c'est en anglais mais très complet.
Tu dois avoir un message d'erreur JavaScript. Passe le moi si tu veux que je regarde.
Passe moi aussi ta page je jetterai un oeil.
A ++
Alexandre
j'ai 2 fichiers ... T0.asp et T1.asp ...
dans T0.asp j'ai :
<form name="form1" method="post" action="/intranet/zzzzzz/T1.asp">
<input type="text" name="un">
<br>
<input type="text" name="deux">
<br>
<input type="text" name="trois">
<br>
<a href="#" onclick="document.form1.submit()">valider </a>
</form>
et dans T1.asp j'ai :
<%
un_recup=cstr(request.form("un"))
deux_recup=cstr(request.form("deux"))
trois_recup=cstr(request.form("trois"))
response.write(un_recup&" "&deux_recup&" "&trois_recup)
%>
c tout con comme code mais ca marche pas !!!...
dans T0.asp j'ai :
<form name="form1" method="post" action="/intranet/zzzzzz/T1.asp">
<input type="text" name="un">
<br>
<input type="text" name="deux">
<br>
<input type="text" name="trois">
<br>
<a href="#" onclick="document.form1.submit()">valider </a>
</form>
et dans T1.asp j'ai :
<%
un_recup=cstr(request.form("un"))
deux_recup=cstr(request.form("deux"))
trois_recup=cstr(request.form("trois"))
response.write(un_recup&" "&deux_recup&" "&trois_recup)
%>
c tout con comme code mais ca marche pas !!!...
floverdevel
Messages postés
121
Date d'inscription
dimanche 18 février 2001
Statut
Membre
Dernière intervention
20 mai 2011
15
4 févr. 2002 à 18:20
4 févr. 2002 à 18:20
Écrit à celui qui a fait ce site, il va peut etre te le dire...
No 'one' can be told what the matrix is.
You'll have to explore it yourself.
No 'one' can be told what the matrix is.
You'll have to explore it yourself.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
JunKy Ripper
Messages postés
211
Date d'inscription
mardi 18 décembre 2001
Statut
Membre
Dernière intervention
6 mai 2002
23
4 févr. 2002 à 18:22
4 févr. 2002 à 18:22
Bah il y a beaucoup plus simple !!!!!!!
Les feuilles de styles (CSS) c'est comme ca que c'est fait sur ce site.
Les feuilles de styles (CSS) c'est comme ca que c'est fait sur ce site.
PhP
Messages postés
1770
Date d'inscription
lundi 11 décembre 2000
Statut
Membre
Dernière intervention
23 décembre 2009
606
5 févr. 2002 à 21:07
5 févr. 2002 à 21:07
Re-slt,
Afficher des jooooliiiiis boutons c simple avec un peu d'astuce, quelques touches de javascript et le tour est joué :
1) Créé 2 images jpg : 1 pour ton bouton RESET l'autre pour le bouton SUBMIT et nomment les respectivement reset.jpg et submit.jpg
Nota : si tu veux des boutons arrondis ou avec une forme non conventionnelle utilise à la place des images gif (avec une couleur transparente là où tu désires faire apparaîter le fond de ta page) et nomment les reset.gif et submit.git : n'oublie pas de remplacer les extensions .jpg par .gif dans le code qui suit !
2) Copie les 2 codes qui suivent dans des pages html que tu nomment respectivement page1.htm et page2.htm. Place ces 2 pages dans le même répertoire que les images.
3) Lance le navigateur IE (pas Netscape ! ne marchera pas sans modifications du code, te voilà prévenu !) et charge le fichier page1.htm : menu [Fichier] [Ouvrir ...]
Modifie la zone de texte et clique sur ton bouton qui représente le reset (le bouton de gauche) et hop le texte retrouve son apparence initiale !
Clique sur l'image du bouton submit et hop la page 2 !
Elle est pas belle la vie ?
;:-)
Code page1.htm :
<html>
<head>
<style>
</style>
<script language="Javascript">
<!--
// Réinitialise n'importe quel formulaire
// form_name : nom du formulaire
function effacer(form_name)
{
// Récupère une référence sur le formulaire à partir de son nom
ref=window.document.getElementById(form_name);
ref.reset();
}
// Valide n'importe quel formulaire
// form_name : nom du formulaire
function envoyer(form_name)
{
// Récupère une référence sur le formulaire à partir de son nom
ref=window.document.getElementById(form_name);
ref.submit();
}
// -->
</script>
</head>
<body>
<form name="mon_formulaire" action="page2.htm" method="post">
<table>
<tr colspan=2>
<td><input type="text" value="The Truth is Out There"></td>
</tr>
<tr>
<td><a href="javascript:effacer('mon_formulaire')"><img src="reset.jpg" border=0></a></td>
<td><a href="javascript:envoyer('mon_formulaire')"><img src="submit.jpg" border=0></a></td>
</tr>
</table>
</form>
</body>
</html>
Code page2.htm :
<html>
<head>
<style>
.perso
{
font-family:arial;
font-weight:bold;
font-size:24pt;
color:#0000BB;
}
</style>
</head>
<body><p class=perso>
Et voici la page 2 PEANUTS</p>
</body>
</html>
Pour le design des boutons évidemment c'est autre chose !
On est doué ou on l'est pas ...
@+
Philippe
[[ The Truth is Out There ]]
Afficher des jooooliiiiis boutons c simple avec un peu d'astuce, quelques touches de javascript et le tour est joué :
1) Créé 2 images jpg : 1 pour ton bouton RESET l'autre pour le bouton SUBMIT et nomment les respectivement reset.jpg et submit.jpg
Nota : si tu veux des boutons arrondis ou avec une forme non conventionnelle utilise à la place des images gif (avec une couleur transparente là où tu désires faire apparaîter le fond de ta page) et nomment les reset.gif et submit.git : n'oublie pas de remplacer les extensions .jpg par .gif dans le code qui suit !
2) Copie les 2 codes qui suivent dans des pages html que tu nomment respectivement page1.htm et page2.htm. Place ces 2 pages dans le même répertoire que les images.
3) Lance le navigateur IE (pas Netscape ! ne marchera pas sans modifications du code, te voilà prévenu !) et charge le fichier page1.htm : menu [Fichier] [Ouvrir ...]
Modifie la zone de texte et clique sur ton bouton qui représente le reset (le bouton de gauche) et hop le texte retrouve son apparence initiale !
Clique sur l'image du bouton submit et hop la page 2 !
Elle est pas belle la vie ?
;:-)
Code page1.htm :
<html>
<head>
<style>
</style>
<script language="Javascript">
<!--
// Réinitialise n'importe quel formulaire
// form_name : nom du formulaire
function effacer(form_name)
{
// Récupère une référence sur le formulaire à partir de son nom
ref=window.document.getElementById(form_name);
ref.reset();
}
// Valide n'importe quel formulaire
// form_name : nom du formulaire
function envoyer(form_name)
{
// Récupère une référence sur le formulaire à partir de son nom
ref=window.document.getElementById(form_name);
ref.submit();
}
// -->
</script>
</head>
<body>
<form name="mon_formulaire" action="page2.htm" method="post">
<table>
<tr colspan=2>
<td><input type="text" value="The Truth is Out There"></td>
</tr>
<tr>
<td><a href="javascript:effacer('mon_formulaire')"><img src="reset.jpg" border=0></a></td>
<td><a href="javascript:envoyer('mon_formulaire')"><img src="submit.jpg" border=0></a></td>
</tr>
</table>
</form>
</body>
</html>
Code page2.htm :
<html>
<head>
<style>
.perso
{
font-family:arial;
font-weight:bold;
font-size:24pt;
color:#0000BB;
}
</style>
</head>
<body><p class=perso>
Et voici la page 2 PEANUTS</p>
</body>
</html>
Pour le design des boutons évidemment c'est autre chose !
On est doué ou on l'est pas ...
@+
Philippe
[[ The Truth is Out There ]]
salut ô
si tu ne veut po faire un site ki ressemble à un sapin de noyelle (cf tous les scripts & applets inutiles), tu peut definir un style
ex:
<html>
<head>
<style>
INPUT.zolibouton
{
BORDER-RIGHT: #544db5 thin solid;
BORDER-TOP: #544db5 thin solid;
BORDER-LEFT: #544db5 thin solid;
BORDER-BOTTOM: #544db5 thin solid;
FONT-FAMILY: Verdana, Arial, 'Times New Roman';
BACKGROUND-COLOR: #7569b5
}
</style>
...
</head>
<body>
...
<form ...>
...<input type="submit" CLASS="zolibouton" value="ohkeuCbô" size=4/>
</form>
...
</body>
</html>
c + mieux bien pour les visiteurs ki ont une connexion merdissime (com' moi)
tchô!
si tu ne veut po faire un site ki ressemble à un sapin de noyelle (cf tous les scripts & applets inutiles), tu peut definir un style
ex:
<html>
<head>
<style>
INPUT.zolibouton
{
BORDER-RIGHT: #544db5 thin solid;
BORDER-TOP: #544db5 thin solid;
BORDER-LEFT: #544db5 thin solid;
BORDER-BOTTOM: #544db5 thin solid;
FONT-FAMILY: Verdana, Arial, 'Times New Roman';
BACKGROUND-COLOR: #7569b5
}
</style>
...
</head>
<body>
...
<form ...>
...<input type="submit" CLASS="zolibouton" value="ohkeuCbô" size=4/>
</form>
...
</body>
</html>
c + mieux bien pour les visiteurs ki ont une connexion merdissime (com' moi)
tchô!
non ... m'en fou des couleurs ... j'voudrais faire un bouton genre arrondi ... mais pour que ce soit bo fo obligatoirement passer par une image ... du coup si je met une image dans une feuille de style et que je defini mon bouton comme la class, alors y'a effectivement un rond au milieu du bouton mais les coins du bouton sont apparents ... et c pas bo !!!
PhP
Messages postés
1770
Date d'inscription
lundi 11 décembre 2000
Statut
Membre
Dernière intervention
23 décembre 2009
606
5 févr. 2002 à 20:26
5 févr. 2002 à 20:26
Bjr
Et
<a href="javascript:void(0)" onClick="alert('test')">TEST</a>
Ca donne quoi ?
@+
Philippe
[[ The Truth is Out There ]]
Et
<a href="javascript:void(0)" onClick="alert('test')">TEST</a>
Ca donne quoi ?
@+
Philippe
[[ The Truth is Out There ]]
salut ô
si tu ne veut po faire un site ki ressemble à un sapin de noyelle (cf tous les scripts & applets inutiles), tu peut definir un style
ex:
<html>
<head>
<style>
INPUT.zolibouton
{
BORDER-RIGHT: #544db5 thin solid;
BORDER-TOP: #544db5 thin solid;
BORDER-LEFT: #544db5 thin solid;
BORDER-BOTTOM: #544db5 thin solid;
FONT-FAMILY: Verdana, Arial, 'Times New Roman';
BACKGROUND-COLOR: #7569b5
}
</style>
...
</head>
<body>
...
<form ...>
...<input type="submit" CLASS="zolibouton" value="ohkeuCbô" size=4/>
</form>
...
</body>
</html>
c + mieux bien pour les visiteurs ki ont une connexion merdissime (com' moi)
tchô!
si tu ne veut po faire un site ki ressemble à un sapin de noyelle (cf tous les scripts & applets inutiles), tu peut definir un style
ex:
<html>
<head>
<style>
INPUT.zolibouton
{
BORDER-RIGHT: #544db5 thin solid;
BORDER-TOP: #544db5 thin solid;
BORDER-LEFT: #544db5 thin solid;
BORDER-BOTTOM: #544db5 thin solid;
FONT-FAMILY: Verdana, Arial, 'Times New Roman';
BACKGROUND-COLOR: #7569b5
}
</style>
...
</head>
<body>
...
<form ...>
...<input type="submit" CLASS="zolibouton" value="ohkeuCbô" size=4/>
</form>
...
</body>
</html>
c + mieux bien pour les visiteurs ki ont une connexion merdissime (com' moi)
tchô!