[Résolu] Image en fonction du nom de la page

Marsh Posté le 01-09-2007 à 20:04:04

coucou, alors nouveau probleme, avec ces lien vous devriez comprendre aisément mon soucis

passé sur les médiators qui servent de menu
http://sataneo.free.fr/book/index.php?page=contact

ca marche nickel cool
maintenant regardez l'image qui doit etre affiché une fois qu'on a cliqué sur le menu pour profil par exemple
http://sataneo.free.fr/book/images/select_profil.jpg

mon probleme c'est que j'ai bien penser mettre a la suite des "mouseover" un "mouseclick" mais ca marche pas l'image reste 1 seconde a peine
Puis je faire apparaitre une image par rapport au nom de la page ?

en fait au final ca fait comme une sorte d'onglet

Message édité par Sataneo85 le 01-09-2007 à 21:34:16

Reply

Marsh Posté le 01-09-2007 à 20:04:04

Reply

Marsh Posté le 01-09-2007 à 20:10:55

Tes images over sont "images/mouseover_contact.jpg"

Donc tu affiches dynamiquement tes images en fonction de la variable $page

Code :

if($_GET['page'] == "contact" )
$var_image_contact = "images/mouseover_contact.jpg";
else
$var_image_contact = "images/contact.jpg";

Message édité par nycius le 01-09-2007 à 20:11:14

Reply

Marsh Posté le 01-09-2007 à 20:14:26

oui mais la le soucis c'est pas le mouse over voila le resultat que je voudrais obtenir

Normal

Mouse over

OnClick

Reply

Marsh Posté le 01-09-2007 à 20:23:47

un bout de mon code

Code :

<div name="MonBeauCadre" class="form2" style="overflow: auto; height: 417px;width:509px">
<?
if ( isset($page) )
{
$page = $HTTP_GET_VARS['page'];
include("$page.php" );
}
else
{
$page = "accueil";
include("accueil.php" );
}
?>
</div>
.......
<map name="map_contactMap">
<area shape="poly" coords="17,112,11,95,16,83,27,77,43,77,55,80,62,90,62,100,57,112" onMouseOver="document.images['contact'].src='images/mouseover_contact.jpg';" onMouseOut="document.images['contact'].src='images/contact.jpg';"
href="index.php?page=contact">
</map>
<map name="map_bookMap">
<area shape="poly" coords="21,111,14,97,18,83,28,77,41,76,58,80,66,91,63,106,59,113" onMouseOver="document.images['book'].src='images/mouseover_book.jpg';" onMouseOut="document.images['book'].src='images/book.jpg';"
href="index.php?page=book" >
</map>
<map name="map_profilMap">
<area shape="poly" coords="17,112,9,98,12,85,23,77,37,76,50,79,58,88,61,98,56,109,53,112" onMouseOver="document.images['profil'].src='images/mouseover_profil.jpg';" onMouseOut="document.images['profil'].src='images/profil.jpg';"
href="index.php?page=profil">
</map>

Reply

Marsh Posté le 01-09-2007 à 21:07:34

j'ai essayé ca mais sans succès

Code :

<map name="map_profilMap">
<area shape="poly" coords="17,112,9,98,12,85,23,77,37,76,50,79,58,88,61,98,56,109,53,112"
<? if ($_GET['page'] == 'profil')
{
echo "document.images['profil'].src='images/select_profil.jpg";
}
else
{
echo "onMouseOver='document.images['profil'].src='images/mouseover_profil.jpg';' onMouseOut='document.images['profil'].src='images/profil.jpg';'
href='index.php?page=profil'>";
}
?>
</map>

Message édité par Sataneo85 le 01-09-2007 à 21:08:41

Reply

Marsh Posté le 01-09-2007 à 21:33:59

solution pour ceux que ca interesse

Code :

<td bordercolor="#000000"><img src="images/<?php if ($_GET['page'] == 'profil') echo 'select_' ?>profil.jpg" alt="" name="profil" width="70" height="138" border="0" <?php if ($_GET['page'] != 'profil') echo 'usemap="#map_profilMap"' ?>></td>

Message édité par Sataneo85 le 01-09-2007 à 21:34:40

Reply

Marsh Posté le 02-09-2007 à 04:20:47

C'est laid ton truc
D'ailleurs le bordecolor qu'est ce qu'il fait là?

Tu ferais ça avec des classes css...

Reply

Marsh Posté le 03-09-2007 à 00:48:39

les classes css c'est compliqué ^^ faudrai que je m'y mette

Reply

[Résolu] Image en fonction du nom de la page

Sujets relatifs:

Leave a Replay