Se connecter / S'enregistrer
Votre question

petit soucy dans livre d'or avec des value et les smilies

Tags :
  • Selection
  • Programmation
Dernière réponse : dans Programmation
29 Octobre 2007 16:25:52

bonjour j'ai fait un livre d'or et j'ai mis des smilies
et j'ai mis des valus dans le texterea et mon imput

donc je voudrais activé qu'il fasse au 1 er clique il éfface et pas au 2 émé clique

mais il y as un soucy il ne veut plus éffacé

http://le.coffre.free.fr/livre_d_or.php

j'ai fait une page que j'ai nommé javascript.js

Citation :
function bbcode(bbdebut, bbfin)
{
var input = window.document.formulaire.message;
input.focus();
/* pour IE (toujous un cas appar lui ;)  )*/
if(typeof document.selection != 'undefined')
{
var range = document.selection.createRange();
var insText = range.text;
range.text = bbdebut + insText + bbfin;
range = document.selection.createRange();
if (insText.length == 0)
{
range.move('character', -bbfin.length);
}
else
{
range.moveStart('character', bbdebut.length + insText.length + bbfin.length);
}
range.select();
}
/* pour les navigateurs plus récents que IE comme Firefox... */
else if(typeof input.selectionStart != 'undefined')
{
var start = input.selectionStart;
var end = input.selectionEnd;
var insText = input.value.substring(start, end);
input.value = input.value.substr(0, start) + bbdebut + insText + bbfin + input.value.substr(end);
var pos;
if (insText.length == 0)
{
pos = start + bbdebut.length;
}
else
{
pos = start + bbdebut.length + insText.length + bbfin.length;
}
input.selectionStart = pos;
input.selectionEnd = pos;
}
/* pour les autres navigateurs comme Netscape... */
else
{
var pos;
var re = new RegExp('^[0-9]{0,3}$');
while(!re.test(pos))
{
pos = prompt("insertion (0.." + input.value.length + "):", "0");
}
if(pos > input.value.length)
{
pos = input.value.length;
}
var insText = prompt("Veuillez taper le texte");
input.value = input.value.substr(0, pos) + bbdebut + insText + bbfin + input.value.substr(pos);
}
}
function smilies(img)
{
window.document.formulaire.message.value += '' + img + '';
}


function vide_input()
{
if(document.getElementById('input').value == 'Votre pseudo')
{
document.getElementById('input').value = '';
}
if(document.getElementById('message').innerHtml == 'Votre message')
{
document.getElementById('message').innerHtml = '';
}


function EffacerLContenuParDefaut()
{
var BoiteMessage = document.getElementById('message');
//Je supprime le contenu par défaut
BoiteMessage.value='';
//j'enleve la fonction de l'écouteur
BoiteMessage.setAttribute('onfocus', '');
}
function EffacerLContenuParDefaut()
{
var BoiteMessage = document.getElementById('pseudo');
//Je supprime le contenu par défaut
BoiteMessage.value='';
//j'enleve la fonction de l'écouteur
BoiteMessage.setAttribute('onfocus', '');
}


et ma page :

Citation :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Bienvenue sur mon site</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />
<link href="design/par_default/par_default.css" rel="stylesheet" type="text/css" />
<link href="javascript.js" type="text/javascript" />
</head>
<body>
<div class="cadre_principale">
<div class="cadre_du_haut">
<?php include("menu_du_haut.php"); ?>
</div>
<!-- fin div class="cadre_du_haut" -->
<div class="cadre_du_bas">
<br />
<br />
<div class="cadre_du_menu_de_gauche">
<?php include("menu_de_gauche.php"); ?>
</div>
<!-- fin div class="cadre_du_menu_de_gauche" -->
<br />
<div class="cadre_du_programme">

<p class="texte_blanc">
Vous êtes ici --- >
<a href="http://le.coffre.free.fr/livre_d_or.php" title="livre d'or">livre d'or</a> - > Liste des messages
</p>

<h5>livre d'or</h5>

<form method="post" action="livre_d_or.php" name="formulaire">
<p align="center" class="texte_blanc">
Mon site vous plaît ? Laissez-moi un message !
<br />
<br />
<p><label for="pseudo"></label>
<input id="pseudo" name="pseudo" onfocus="javascript:EffacerContenuParDefaut()" value="Votre pseudo"></input>
</p>

<img src="images/livre_d_or/hello.gif" title="hello" alt="hello" onClick="javascript:smilies('hello');return(false)" />
<img src="images/livre_d_or/bye.gif" title="bye" alt="bye" onClick="javascript:smilies('bye');return(false)" />
<img src="images/livre_d_or/clin_d_oeil.gif" title="clin d'oeil" alt="clin d'oeil" onClick="javascript:smilies('clin d'oeil');return(false)" />
<img src="images/livre_d_or/cool.gif" title="cool" alt="cool" onClick="javascript:smilies('cool');return(false)" />
<img src="images/livre_d_or/mort_de_rire.gif" title="mdr" alt="mdr" onClick="javascript:smilies('mdr');return(false)" />
<img src="images/livre_d_or/pas_bien.gif" title="pas_bien" alt="pas_bien" onClick="javascript:smilies('pas_bien');return(false)" />
<img src="images/livre_d_or/tres_bien.gif" title="trés bien" alt="trés bien" onClick="javascript:smilies('trés bien');return(false)" />
<br />
<br />
<input type="button" id="gras" name="gras" value="Gras" onClick="javascript:bbcode('', '');return(false)" />
<input type="button" id="italic" name="italic" value="Italic" onClick="javascript:bbcode('', '');return(false)" />
<input type="button" id="souligné" name="souligné" value="Souligné" onClick="javascript:bbcode('', '');return(false)" />
<br />
<br />

<p><label for="message"></label>
<textarea id="message" name="message" cols="50" rows="8" onfocus="javascript:EffacerContenuParDefaut()">Votre message</textarea>
</p>
<?php echo "<p><input type=\"submit\" name=\"submit_commentaire\" value=\"Envoyer\" /></p>\n";
?>
</p>
</form>


es ce quelqu'un pourrais me dire ou il est mon erreur

Autres pages sur : petit soucy livre value smilies

29 Octobre 2007 18:51:40

salut,
1. indente ton code
2. vas y étape par étape, t'es pas obligé directement de coder sur la page finale
3. apprend à utiliser la console javascript de firefox
4. utilises les memes noms de fonctions
EffacerContenuParDefaut != EffacerLContenuParDefaut
Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS