Dreamweaver lien vers le bouton CS6

OK .. Cela peut être une question stupide, mais je suis un débutant sur Dreamweaver. Je sais que le clic droit -> make link option vous donne une option pour lier un texte sélectionné à une autre page. J'essayais de faire la même chose avec un bouton, mais un clic droit sur un bouton ne donne pas le bouton make link. Comment puis-je créer un bouton qui, une fois cliqué, m'amène à une autre page? J'essaie de répliquer une page d'accueil Google et c'est le code que j'ai jusqu'à présent.Dreamweaver lien vers le bouton CS6

<body> 
<div align="center"> 
    <p>&nbsp;</p> 
    <p>&nbsp;</p> 
    <p>&nbsp;</p> 
    <p>&nbsp;</p> 
    <p>&nbsp;</p> 
    <p><img src="logo.jpg" width="281" height="114" /></p> 
    <p> 
    <label for="textfield"></label> 
    <input name="textfield" type="text" id="textfield" value="" size="100" /> 
    </p> 
    <p> 
    <input name="Button 1" type="submit" id="Button 1" value="Google Search" /> 
    &nbsp; 
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
    <input type="submit" name="button2" id="button2" value="I'am Feeling lucky" /> 
    </p> 
    <p>&nbsp;</p> 
</div> 
</body>

Source

2013-06-13 The Last Word

Vous mentionnez DreamWeaver et je ne sais pas si vous voulez une solution à l'aide du côté de l'interface graphique uniquement ou si vous pouvez aller en vue de la conception. Ma réponse concerne la vue de conception.

Votre type d'entrée est soumettre, vous devez soumettre le contenu d'un formulaire! Quelque chose comme:

<form action="googleResultReplcationPage.aspx" method="get"> 
    <p> 
     <label for="textfield" /> 
     <input name="textfield" type="text" id="textfield" value="" size="100" /> 
    </p> 
    <p> 
     <input name="Button 1" type="submit" id="Button 1" value="Google Search" /> 
     &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
     <input type="submit" name="button2" id="button2" value="I'am Feeling lucky" /> 
    </p> 
</form>

Pour faire ce que vous voulez, vous aurez besoin de JavaScript et de changer le type de bouton. cela ne fonctionne évidemment que si l'utilisateur a JavaScript activé.

<input type="button" value="Google Search" onClick="window.navigate('replicationGooglePage.aspx')">

En tant que travail autour de vous pouvez le faire en utilisant le CSS (vous devrez également créer le vol stationnaire)

<a href="#" class="button">some words</a> 

.button { 
    display: block; 
    width: 115px; 
    height: 25px; 
    background: #4E9CAF; 
    padding: 10px; 
    text-align: center; 
    border-radius: 5px; 
    color: white; 
    font-weight: bold; 
}

Source

Sur ces 3 options, la première suggestion est l'OMI la meilleure façon.

En aparté, ne pas utiliser           car il ne fonctionne pas toujours sur tous les navigateurs (certains navigateurs utilisés pour lire seulement la première), au lieu d'utiliser un style/css et utiliser Left ou Padding ou Margin (selon votre code/installation/conception) - bien que vous feriez mieux de faire votre website centered!

<form action="googleResultReplcationPage.aspx" method="get"> 
    <p> 
     <label for="textfield" /> 
     <input name="textfield" type="text" id="textfield" value="" size="100" /> 
    </p> 
    <p> 
     <input name="Button 1" type="submit" id="Button 1" value="Google Search" />  
     <input type="submit" name="button2" id="button2" value="I'm Feeling lucky" style="margin-left:50px;" /> 
    </p> 
</form>

Source

2013-06-13 08:04:59 Dave

Dreamweaver lien vers le bouton CS6

Répondre

Questions connexes