Discussion :

[goodvibs]

Bonjour a tous!

Je sollicite votre aide pour un probleme simple... mais épineux pour moi!

J'aimerai faire en sorte que mon script java (de la meteo en l'occurence) s'affiche par dessus une image! Est ce possible??
(car je peux pas mettre l'image en background car inserer dans un tableaux et du coup l'image est tronquée )

Avec mon image :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<img src="cadre">

et le script:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<script language="javascript" src="meteo1.js"></script>

simplement

Merci a vous !!!!!!!!!!!

[OButterlin]

Il fait quoi au juste ton script ?
Pour afficher quelque chose au dessus d'une image, tu as (par exemple) :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
<div id="idDiv" style="position:absolute; top=?; left=?; width='200px' height='200px'...">
</div>

Mais bon, ça dépend de ton script...

L'image sert à quoi ?

A+

[goodvibs]

merci pour ta reponse!

Pour faire clair alors:
regarde sur afp24.fr

En mileux de page y a 3 "carrés" bleus: sur le carré de droite y a le script de la météo.
Hors l'image ici est en background , ce que j'ai du changé (sinon je pouvais pas attribuer de liens sur les 2 autres carrés)! Donc maintenant j'ai les 3 carrés bien séparés en jpeg et la se pose le probleme du script meteo pour le superposé sur le carré bleu!

Je sais pas si je suis tres clair

[OButterlin]

Je crois que tu t'es compliqué la vie.
Si le problème est de faire des liens sur l'image de fond, tu peux utiliser les map et définir les area qui vont bien pour faire les liens

http://www.htmlhelp.org/reference/ht...ecial/map.html

Je ne sais pas, ça répond à ton besoin initial ?

A+

[goodvibs]

Ben ça repondrait fortement a ma question, mais comment faire une area map sur un background ???

J'ai ce code:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
<td alt="image de fond" background="images/7.jpg" height="176" width="535">
 
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody><tr>
<td width="33%">
<div style="padding-left:15pt;padding-top:25pt ">
 
<center><map name="testmap"> <area shape="rect" coords="10,9,58,27" href="afp24.produits.html"></map>
 
</center>
</div>
</td>
<td width="32%">
 
ETC ETC......

Mon image de fonc est "7.jpg" tout en haut: comment j'appelle la map sur l'image????????

[OButterlin]

Oui, effectivement, autant pour moi.
J'ai bien testé un truc mais c'est galère (et en plus ça ne fonctionne pas tout à fait avec IE)
Par contre, en réfléchissant un peu (des fois, ça aide ), je pense que cette sollution est beaucoup plus simple à mettre en oeuvre, je te laisse juge ...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
 
<td onclick="selectTarget(event)" ...>
...
le contenu
...
</td>
 
et un javascript 
<script>
 
function selectTarget(e)
{
    if ( e.clientX <= 100 ) alert("Zone 1");
    if ( e.clientX > 100 ) alert("Zone 2");
}
 
</script>

A+

[SG2]

Bonjour,

J'ai testé un truc similaire il y a quelques temps.

Je ne sais pas si ça conviendra pour toi, mais...

Tu mets donc ton image en background dans le TD et tu ajoutes une image « Transparente » du type « Pixel 1x1 » pour réaliser ton MAP.

Tu choisis ainsi une zone de l'image tranparente qui ne cachera pas l'image du fond pour ton lien...

@+

[goodvibs]

Pour pour les reponses!

Mais pour le pixel 1x1, quand on fait une map, cela reste a l'interieur de l'image, donc comment ça peut marcher si c'est un pixel???

[SG2]

Bonjour,

Pour pour les reponses!

Mais pour le pixel 1x1, quand on fait une map, cela reste a l'interieur de l'image, donc comment ça peut marcher si c'est un pixel???

Il suffit d'utiliser les balises Width et heigth avec la même dimension que ton image en background...

@+