Retour à Forum de programmation

JavaScripts forme d'aide

  • Bogey
  • Bogey
  • Genius
  • Avatar de l’utilisateur
  • Inscription: Juil 14, 2005
  • Messages: 8211
  • Loc: USA
  • Status: Offline

Message Avril 29th, 2009, 2:31 pm

J'ai le formulaire suivant:
Code: [ Select ]
<input type="text" name="name" id="name" /><br />
<input type="text" name="email" id="email" /><br />
<select name="reason" id="reason">
    <option value="quote">Get a Quote</option>
    <option value="gsupp">General Support</option>
    <option value="psupp">Project Support</option>
</select><br />
<textarea name="message" id="message" cols="50" rows="25"></textarea>
  1. <input type="text" name="name" id="name" /><br />
  2. <input type="text" name="email" id="email" /><br />
  3. <select name="reason" id="reason">
  4.     <option value="quote">Get a Quote</option>
  5.     <option value="gsupp">General Support</option>
  6.     <option value="psupp">Project Support</option>
  7. </select><br />
  8. <textarea name="message" id="message" cols="50" rows="25"></textarea>

Ce dont j'ai besoin est de se concentrer sur cette Sélectionnez élément de forme et avoir un certain droit de contenu montrent dessous qui se rapporte à l'option choisie...aucune aide sur ce serait génial.

Ce script elle ne ressemble à ce que je veux, mais le problème avec ça, je ne puis avoir nom dans le domaine forme un...ne valide pas :lol: Et je ne sais pas comment corriger cela.
"Bring forth therefore fruits meet for repentance:" Matthew 3:8
  • Anonymous
  • Bot
  • No Avatar
  • Inscription: 25 Feb 2008
  • Messages: ?
  • Loc: Ozzuland
  • Status: Online

Message Avril 29th, 2009, 2:31 pm

  • graphixboy
  • Control + Z
  • Mastermind
  • Avatar de l’utilisateur
  • Inscription: Juil 11, 2005
  • Messages: 1828
  • Loc: In the Great White North
  • Status: Offline

Message Avril 30th, 2009, 8:45 am

Je voudrais utiliser jQuery. Son ensemble de le faire très facilement. jQuery pouvez appeler les choses de la même manière que les css pour que vous wouldnt besoin du nom...

Il suffit de créer un div-dessous de la sélectionner. lui donnent un style d'aucun affichage, puis en jQuery, il serait quelque chose comme
Code: [ Select ]
$('select#reason').focus(function() {
$('.divClassName').css('display','block');
}

$('select#reason').blur(function() {
$('.divClassName').css('display','none');
}
  1. $('select#reason').focus(function() {
  2. $('.divClassName').css('display','block');
  3. }
  5. $('select#reason').blur(function() {
  6. $('.divClassName').css('display','none');
  7. }
If at first you don't succeed F1... If that doesn't work try Google!
//// Designer, Developer & Teacher - Interactive, Motion and 3D \\\\
Portfolio at WhenImNotSleeping.com
  • joebert
  • Sledgehammer
  • Genius
  • No Avatar
  • Inscription: Fév 10, 2004
  • Messages: 13455
  • Loc: Florida
  • Status: Offline

Message Avril 30th, 2009, 2:11 pm

Tenez compte de ces bouts de code HTML.

Code: [ Select ]
<label class="optional mode1"><input .../> Mode 1</label>

<label class="optional mode2"><input .../> Mode 2</label>

<fieldset class="optional mode1">...</fieldset>
  1. <label class="optional mode1"><input .../> Mode 1</label>
  3. <label class="optional mode2"><input .../> Mode 2</label>
  5. <fieldset class="optional mode1">...</fieldset>


Supposons maintenant que jQuery est disponible et d'envisager cette fonction.

Code: [ Select ]
function toggle_optional(mode)
{
$('.optional').css({display:'none'}).filter('.' + mode).css({display:''});
}
  1. function toggle_optional(mode)
  2. {
  3. $('.optional').css({display:'none'}).filter('.' + mode).css({display:''});
  4. }


Im sur mon chemin par la porte donc je n'avais pas vérifié cela, mais vous devez gt l'idée. :D
Strong with this one, the sudo is.
  • Bogey
  • Bogey
  • Genius
  • Avatar de l’utilisateur
  • Inscription: Juil 14, 2005
  • Messages: 8211
  • Loc: USA
  • Status: Offline

Message Avril 30th, 2009, 2:22 pm

Merci les gars. Je vais vérifier, une fois que je rentre du travail aujourd'hui. Really appreciate it.
"Bring forth therefore fruits meet for repentance:" Matthew 3:8

Page 1 sur 1

Afficher de l'information

  • Total des messages de ce sujet: 4 messages
  • Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 190 invités
  • Vous ne pouvez pas poster de nouveaux sujets
  • Vous ne pouvez pas répondre aux sujets
  • Vous ne pouvez pas éditer vos messages
  • Vous ne pouvez pas supprimer vos messages
  • Vous ne pouvez pas joindre des fichiers
 
 

© 2011 Unmelted, LLC. Ozzu® est une marque déposée de Unmelted, LLC