« »

Afin d'afficher dÃ©taillÃ©e information sur certains objets tels que des membres ou d'un produit, vous pouvez utiliser simple code JavaScript. Cette version est mise Ã niveau de Cliquez sur Radio bouton pour voir l'information, Ce script d'affichage d'image pour chaque point.

Étiquette: radio, bouton, affichage, information, image, afficher, produit, objet

Rapport de nous cette erreur JavaScript

Demo
Agrandir
Recharger
New window

Gratuit iPage hébergement Web pour la première année MOMENT

Si vous êtes toujours à la recherche d'un fournisseur d'hébergement Web fiable avec des tarifs abordables, pourquoi vous ne prenez pas un peu de temps pour essayer iPage, seulement avec $1.89/month, inclus $500+ Crédits supplémentaires gratuites pour le paiement de 24 mois ($45)?

Plus de 1.000.000 de clients + existisng peuvent pas avoir tort, vraiment vous n'êtes pas aussi! Plus important encore, lorsque vous enregistrez l'hébergement web à iPage grâce à notre lien, nous allons être heureux de renvoyer un plein remboursement. C'est génial! Vous devriez essayer iPage hébergement web GRATUITEMENT maintenant! Et contactez-nous pour tout ce que vous devez savoir sur iPage. Essayez iPage GRATUIT première année MOMENT

Code
JavaScript
HTML
Imprimer

Copy All x2

<script type="text/javascript">
<!--
// Created by Sandeep Gangadharan - http://www.sivamdesign.com/scripts/

function printDetails() {
 txt = "<b>Title:</b> " + this.title + "<br>";  // change the text data here. You can have as many
 txt += "<b>Location:</b> " + this.location + "<br>";  // lines of data as required. to add more
 txt += "<b>State:</b> " + this.state + "<br>";  // lines do it as shown on the left
 txt += "<b>Cost:</b> " + this.cost + "<br>";  // links can be added as shown
 img = this.photo;
theDetails = txt;
document.changeImg.avatars.src = img;
document.getElementById('theData').innerHTML = theDetails; }

function place(title, location, state, cost, photo) {
 this.title = title;
 this.location = location;
 this.state = state;
 this.cost = cost;
 this.photo = photo;
 this.printDetails = printDetails; }

// each user or product details should be added as shown below.

Mountains = new place("Mountains", "Black Hills", "Colorado", "$1,250", "pix1-sm.gif");
Lake = new place("Lake", "Taragon Lake", "Oregon", "$1,680", "pix2-sm.gif");
Barren = new place("Barren", "Dimas Desert", "New Mexico", "1,375", "pix3-sm.gif");
//-->
</script>

Copy All x2

<form name="changeImg">
<table align="center" bgcolor="#cccccc" border="0" cellpadding="2" cellspacing="2" width="400">
 <tbody><tr>
  <th class="small" align="left" width="150">
   Username:
  </th>
  <th class="small" align="left" width="400">
   Details:
  </th>
  <th class="small" align="left" width="50">
   Photo:
  </th>
 </tr>
 <tr>
  <td class="small" align="left" bgcolor="#ffffff" valign="top" width="150">
   <label for="a"><input id="a" name="pointer" onclick="javascript:Mountains.printDetails()" type="radio">Mountains</label><br>
   <label for="b"><input id="b" name="pointer" onclick="javascript:Lake.printDetails()" type="radio">Lake</label><br>
   <label for="c"><input id="c" name="pointer" onclick="javascript:Barren.printDetails()" type="radio">Barren</label><br>
  </td>
  <td class="small" align="left" bgcolor="#ffffff" valign="top" width="400">
   <span id="theData" style="margin: 0pt; padding: 1px; width: 400px;"><b>Title:</b> Mountains<br><b>Location:</b> Black Hills<br><b>State:</b> Colorado<br><b>Cost:</b> $1,250<br></span>
  </td>
  <td align="center" bgcolor="#ffffff" valign="top" width="50">
   <img src="pix1-sm.gif" name="avatars" alt="" height="60" width="50">
  </td>
 </tr>
</tbody></table>
</form>

Commentaire (0)
Écrire

par Avant-première

Annuler réponse

Écrivez votre commentaire

Commentaires du client sera publié avant previwed
Donnez votre email réel pour obtenir des réponses notification ou commentaire sera supprimé

Votre nom *
Votre e-mail^g *
~~Votre site~~

Comment's Titre

J'assure à 100% je suis humain réel
Je le répète, je ne suis pas bot

Sent (0)
Nouveau

BBCode
HTML
URL
JID

Déposer jours:
Auteur:
Previews:
Commentaire:
Votes:
Sent:
Taille:
Rang:

18/04/2009
Sandeep Gangadharan [more]
4,053
0
1
0
4.92 KBytes

JavaScript Cliquez sur Radio Button pour afficher des informations avec des images - JID: 2237 - Langue: Française

4/5 1 votes / 4,053 previews / 0 commentaire 18/04/2009 Afin d'afficher dÃ©taillÃ©e information sur certains objets tels que des membres ou d'u...JavaScript Cliquez sur Radio Button pour afficher des informations avec des images - JID: 2237 - Cliquez sur Radio Button pour afficher des informations avec des images - Langue: Française

muoiahai[2] chi88chit chuotxxx caoanh89 loveblue

Soyons premier membre de le faire

Exterminator ngoclinh loveblue