Comment faire une zone de texte déroulant dans html
Placer une zone de texte pop-out sur votre site Web est un moyen efficace pour afficher des informations aux visiteurs sans les ouvrir une nouvelle page Web. Vous pouvez utiliser une zone de texte pop-out sur votre site pour afficher le texte est pertinent pour le contenu de la page principale - par exemple, de nombreux sites Web utilisent des boîtes de texte pop-out pour afficher les termes et conditions ou plus de détails sur un produit annoncé . Vous pouvez afficher une zone de texte pop-out sur votre site en créant une nouvelle page pour le pop-out et l'insertion d'une ligne de code HTML de la page de la page principale.
Instructions
• Lancez votre outil de programme de conception de site Web ou un éditeur de texte normal. Basé sur Windows les ordinateurs livrés avec Microsoft WordPad et Notepad applications de l'éditeur de texte.
• Cliquez sur "Fichier" dans le menu principal, puis cliquez sur "Ouvrir" et ouvrir la page Web à partir duquel vous souhaitez afficher la zone de texte pop-out.
• Copiez le code suivant et de le coller dans la section d'en-tête de la page Web. La section d'en-tête comprend tout le code entre la balise "<head>" et "</ head>" tag: <TYPE SCRIPT = "text / javascript"> <- fonction de fenêtre contextuelle (MyLink, de windowname) {if (!! window.focus) return true; href var; if (typeof (MyLink) == 'string') href = monlien; d'autre href = mylink.href; window.open (href, windowname, 'width = 300, height = 150, les barres de défilement = non »); return false; } // -> </ Script>
• Sélectionnez et mettre en évidence les instructions de hauteur et de largeur dans le code collé. Modifier ces attributs à configurer la zone de texte pop-out à votre taille d'affichage préféré. Dans l'exemple ci-dessus, la fenêtre pop-out a une profondeur d'écran de 150 pixels et une largeur d'écran de 300 pixels.
• Faites défiler jusqu'à l'emplacement sur la page où vous souhaitez afficher le lien dynamique à la boîte de pop-out. Ce est le lien que le visiteur clique pour ouvrir et afficher la boîte de texte pop-out.
• Copiez et collez le code HTML suivant dans l'emplacement d'insertion: <A HREF="popout.html" onclick="return popup(this,'description')"> Cliquez Popout </A>
• Mettez en surbrillance et le changement "description" de votre propre étiquette de la boîte de pop-out. Ce est pour votre propre usage pour vous aider à identifier le code de la boîte pop-out et il ne se affiche pas à vos visiteurs.
• Mettez en surbrillance et remplacer "popout.html" avec le nom correct de la page Web que vous avez créé pour contenir le texte dans la boîte de pop-out. Changer le "Cliquez Popout" texte de lien vers votre propre texte du lien - par exemple, «Cliquez pour plus de détails sur ce produit."
• Cliquez sur "Fichier" dans le menu principal, puis sélectionnez «Enregistrer» pour enregistrer la page Web. Téléchargez la page et la page de la boîte pop-out sur le serveur de votre hébergeur Web.
Articles Liés
- Comment faire une zone de texte Puzzle Piece en forme
- Comment ajouter une zone de texte illimité dans Microsoft Access
- Comment ajouter une zone de liste déroulante à un formulaire dans un swing
- Comment faire une zone de Bonne à coudre
- Comment faire une zone d'ombre pour un projet d'école
- Comment cacher la zone de texte frontière dans les pages d'iWork
- Comment faire une demande de logement Section 8 dans le comté de Fulton, en Géorgie
- Comment faire une zone de stockage de fil peu coûteux
- Comment faire une scène de l'eau dans un Diorama