Deplacer et transphormer des bouttons dans un code html

zellfurath Messages postés 200 Date d'inscription   Statut Membre Dernière intervention   -  
 Rakholnikov -
Bonjour,
j'aimerai savoir comment mettre des images a la place de mes boutons et j'aimerai aussi pouvoir les déplacer a gauche avec le cadre d'ouverture des pages à droite.
voici l'exemple actuel de mon code:

http://www.scriptair.com/test1/test1.html

et voici mon petit code :) :

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Document sans nom</title>
<script language="JavaScript" type="text/javascript">
function loadPage(url){
document.getElementById('f_2').innerHTML = '<iframe src="' + url + '" width="1000" height="700"></iframe>';
}
</script>
</head>
<body>
<div id="f_1">
<button onclick="javascript:loadPage('http://www.joomla.fr/?');">Cliquer pour charger la Div ci-dessous be</button>
<button onclick="javascript:loadPage('http://www.wordpress-fr.net/?');">Cliquer pour charger la Div ci-dessous fr</button>
<button onclick="javascript:loadPage('https://drupal.org/?');">Cliquer pour charger la Div ci-dessous de</button>
</div>
<div id="f_2"></div>
</div>
</div>
</body>
</html>

Je vous remerci d'av ance pour toutes vos eventuelles réponses :)

A voir également:

1 réponse

Réponse 1 / 1
Rakholnikov
 
Salut,

avec CSS c'est facilement faisable.

Vous pouvez aussi remplacer vos boutons par des liens sur des images HTML (en n'omettant pas l'appel de votre fonction javascript) mais pour le positionnement la méthode correcte est d'utiliser les propriétés des feuilles de style en cascade(CSS).

Au fait transformer et non transphormer même s'il ne s'agit pas de transformation mais d'écriture de code(HTML et CSS) et de la structure de vos pages ainsi que la mise en page.
0