Bouton par défaut parmi plusieurs input type="image

par **Matt.Rixx** » 13 janv. 2006, 17:17

MERKI !

par **Truc** » 13 janv. 2006, 17:13

avec un type bouton et du css ça donnerait ça:

pour le bouton de fermeture:

<input type="button" onClick="javascript:window.close();"  id="fermer" >

et le CSS:

<style type="text/css">
#fermer
{
background-color: #FFFFFF;
background-image: url(images/fr/bt_fermefenetre.gif); 
border: 0px ;
width: 120px;
}
</style>

et la validation se fera sur la touche entrée du clavier ou sur le bouton image et non plus la fermeture de la fenetre

par **Matt.Rixx** » 13 janv. 2006, 16:15

c'est pas con ca

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link href="css/fr/style.css" rel="stylesheet" type="text/css">
<link href="css/fr/style_popup.css" rel="stylesheet" type="text/css">
<SCRIPT language="javascript" type="text/javascript" src="edealphp/utils/js/popup_erreur.js"></SCRIPT>
<SCRIPT language="javascript" src="edealphp/utils/js/popup_saisie_rapide.js"></SCRIPT>
</script>

<body >
<div id="conteneur">
<form name="form_ecriturecomptable" method="post" action="index.php">
<input type="hidden" name="php_action" value="BATCH_demande_ecriturecomptable">

<div id="header">
<div id="titre"><span class="titre1">Génération des écritures comptables</span></div>
</div>

<table class="tablehidden" align="center" border="0">
<tr>
<td class="tdhidden"> </td>
</tr>

<tr>
<td class="tdhiddenright" width="50%" ><span class="obligatoire"> * </span>Période du:<span class="textError"></span></td>
<td class="tdhidden" ><input name="periode_du" type="text" value="" size="10" maxlength="10"></td>
</tr>
<tr>
<td class="tdhiddenright" ><span class="obligatoire"> * </span>au:<span class="textError"></span></td>

<td class="tdhidden" ><input name="periode_au" type="text" value="" size="10" maxlength="10"></td>
</tr>
<tr>
<td class="tdhiddenright" >
<div style="visibility: hidden;">
<select name="id_organisme" ><option value='FO' selected>Fondation</option><option value='MV'>Mouvement ATD</option><option value='ET'>test</option></select> </div>
</td>

</tr>
<tr><td class="tdhidden"> </td></tr>
<tr>
<td class="tdhiddencenter"><input type="image" src="images/fr/bt_fermefenetre.gif" class="checkbox" alt="" width="120" height="30" border="0" onclick="javascript:window.close();"></td>
<td class="tdhiddencenter"><input type="image" src="images/fr/bt_valider.gif" class="checkbox" alt="" width="76" height="30" border="0"></td>
</tr>

</table>
</form>
</div>

</body>
</html>

par **Cyrano** » 13 janv. 2006, 16:11

On lui demande pas d'être transcendant, mais utilisable par contre: tu aurai la version seulement HTML ? Je n'ai pas les fonctions ni les fichiers externes, donc je peux pas l'afficher en local. Fais afficher la source et colle-ça à la place ici.

par **Matt.Rixx** » 13 janv. 2006, 15:57

rien de transcandant:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link href="<?php echo PATH_css; ?>style.css" rel="stylesheet" type="text/css">
<link href="<?php echo PATH_css; ?>style_popup.css" rel="stylesheet" type="text/css">
<SCRIPT language="javascript" type="text/javascript" src="edealphp/utils/js/popup_erreur.js"></SCRIPT>
<SCRIPT language="javascript" src="edealphp/utils/js/popup_saisie_rapide.js"></SCRIPT>
</script>

<body <?php if(isset($_SESSION[ "aFormErrors" ])){echo "onload=\"javascript:openErreur();\"";}?> >
<div id="conteneur"> 
	<form name="form_ecriturecomptable" method="post" action="index.php">
		<input type="hidden" name="php_action" value="BATCH_demande_ecriturecomptable">
		<div id="header"> 
   			<div id="titre"><span class="titre1"><?php echo lang_get('traitement_ecriture_comptable_titre',CONFPRJ_langue); ?></span></div>
 	  	</div>
		
		<table class="tablehidden" align="center" border="0">
			<tr>
				<td class="tdhidden">&nbsp;</td>
			</tr>
			<tr>
				<td class="tdhiddenright" width="50%" ><span class="obligatoire"> * </span><?php echo lang_get('traitement_ecriture_comptable_periodedu',CONFPRJ_langue); ?><span class="textError"><?php /* ERROR_FLAG */ ErrorProvider::dispErrorFlag('TEXT_periode_du',$numError,'textError'); ?></span></td>
				<td class="tdhidden" ><input name="periode_du" type="text" value="<?php echo $periode_du; ?>" size="10" maxlength="10"></td>
			</tr>
			<tr>
				<td class="tdhiddenright" ><span class="obligatoire"> * </span><?php echo lang_get('traitement_ecriture_comptable_periodeau',CONFPRJ_langue); ?><span class="textError"><?php /* ERROR_FLAG */ ErrorProvider::dispErrorFlag('TEXT_periodeau',$numError,'textError'); ?></span></td>
				<td class="tdhidden" ><input name="periode_au" type="text" value="<?php echo $periode_au; ?>" size="10" maxlength="10"></td>
			</tr>
			<tr>
				<td class="tdhiddenright" >
					<div style="visibility: hidden;">
						<?php echo $organisme_dropdown; ?>
					</div>
		        </td>
			</tr>
			<tr><td class="tdhidden">&nbsp;</td></tr>
			<tr>
				<td class="tdhiddencenter"><input type="image" src="<?php echo PATH_images; ?>bt_fermefenetre.gif" class="checkbox" alt="" width="120" height="30" border="0" onclick="javascript:window.close();"></td>
				<td class="tdhiddencenter"><input type="submit" style="background: url(<?php echo PATH_images; ?>bt_valider.gif); width: 76px; height: 30px;" class="checkbox" alt="" width="76" height="30" border="0" value=""></td>
			</tr>
		
		</table>
	</form>
</div>  
</body>
</html>

par **Cyrano** » 13 janv. 2006, 15:52

Ben je vois pas trop, si tu as le code du formulaire à nous montrer, on pourrait éventuellement faire des tests en local

par **Matt.Rixx** » 13 janv. 2006, 15:43

aaaaaaaaaaaaaaaaaaaaahhhhhhhhhh
ok ok ok ok

je teste ca de suite... et... (suspense)... ca marche pas... l'input image prends le dessus

par **Cyrano** » 13 janv. 2006, 15:23

Ben c'est à peu près ça à ce détail près que tu le mets en background du bouton.

par **Matt.Rixx** » 13 janv. 2006, 15:21

bon alors j'ai pas compris ce que tu veux faire... pasque moi j'ai compris: "tu mets un bouton et tu rajoutes une image par dessus en css"

par **Cyrano** » 13 janv. 2006, 15:11

Oula... c'est crade ca...

Ha bon ? Et pourquoi ça s'il te plait ? C'est au contraire parfaitement valide et ça présente en outre un avantage: on sépare le fond de la forme et le jour où tu voudras faire une refonte graphique, tu changeras une feuille de style et c'est tout sans devoir fouiller le code HTML un peu partout. Et c'est surtout parfaitement fonctionnel.

par **Matt.Rixx** » 13 janv. 2006, 15:05

Oula... c'est crade ca...

C'est quand meme dingue qu'il n'y ait pas un argument "default" ds les input...

par **Cyrano** » 13 janv. 2006, 15:02

Une idée

Tu pourrais ruser : au lieu d'un bouton de type image, mets un type submit et déguise-le avec un style CSS en utilisant ton image. Ça fonctionnera même sans JavaScript.

par **Matt.Rixx** » 13 janv. 2006, 15:00

oh ben non, elle est mignone est gentille, je vais pas la taper pour ca... c'est le client qui est un @#$¤%

Sinon, personne n'a une idée?

par **Truc** » 13 janv. 2006, 14:59

la je sèche...

tu devrais prendre une bonne bouffée d'air et aller cette "webdesigneuse" pour lui imposer un inversement des boutons

par **Matt.Rixx** » 13 janv. 2006, 14:38

Et non... je ne peux pas non plus changer l'ordre des boutons (c'est dur la vie, hein ?) pour la meme raison, la webdesigneuse n'a pas envie.

Bouton par défaut parmi plusieurs input type="image

Répondre

Étendre la vue Revue du sujet : Bouton par défaut parmi plusieurs input type="image