Intégration d'une notice dans un formulaire basique

[demeter1]

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Opera
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://altitudetropicale.forums-actifs.com/index.forum

Description du problème

Bonjour à tous,

J'ai ce js qui me permet de poster automatiquement un formulaire basique dans une section déterminée dés qu'un membre ouvre un sujet.

Je ne sais si cela est possible mais j'aimerai intégrer une notice qui serait bien dissociable du reste du texte (encadré et en couleur) qui apparaitrait en dessous de la trame pour indiquer au membre de renseigner tous les champs. Cette notice disparaitrait dés que le membre commence la saisie.

Voici le js

Code:

$(function() {
    if (location.pathname == '/post' && location.search == '?f=55&mode=newtopic') {
      $('#text_editor_textarea').val('[b]Nature du soucis[/b]:\n[b]Naviguez vous via un t\351l\351phone potable ?[/b]:\n[b]si oui lequel ? [/b]:\n[b]Le soucis apparait il sur un th\350me du s\351lecteur[/b]:\n[b]si oui lequel ? [/b]:\n[b]Navigateur utilis\351[/b]: \n[b]Version du navigateur[/b]:\n[b]Capture d\'\351cran[/b]:');
    }
});

merci par avance pour votre aide

[Invité]

Salut Stéphane,

ce que je te propose avec ton script:
On place un "placeholder" sur le titre du sujet avec un id
Un affichage en dessous du module de rédaction du texte de ton choix qui au click sur
le titre du sujet disparaitra .
Le script:

Code:


$(function() {
if (location.pathname == '/post' && location.search == '?f=55&mode=newtopic') {

$('input.post').attr('id','M14_Post').attr('placeholder','Merci de renseigner tous les champs ');
$('#text_editor_textarea').append('
[b]Nature du soucis[/b]:\n[b]Naviguez vous via un t\351l\351phone potable ?[/b]:\n[b]si oui lequel ? [/b]:\n[b]Le soucis apparait il sur un th\350me du s\351lecteur[/b]:\n[b]si oui lequel ? [/b]:\n[b]Navigateur utilis\351[/b]: \n[b]Version du navigateur[/b]:\n[b]Capture d\'\351cran[/b]:
').after('<div id="M14_Info">Merci de renseigner tous les champs</div>');



            }
        });
$(document).ready(function(){
$('input#M14_Post.post ').click(function(){
$('#M14_Info').fadeOut("1000");
});
});


La css:

Code:


input#M14_Post.post , #M14_Info
{
color:red;
font-weight:bold;
font-size:13px;
font-style:italic;
}
#M14_Info
{
width:50%;
padding:0px 10px 0px 10px;
margin-left:25%;
}


Je ne te donne pas d'explication .

J'ai fait tout çà à la va vite car je pars pour la Savoie .
a++

[demeter1]

Bonjour Philippe,
cela marche à merveille. Un grand merci à toi et bon voyage.