Spécifier le format d'un élément situé en amont

Version imprimable

07/07/2007, 18h12
piotrr

Spécifier le format d'un élément situé en amont
j'aimerais crée un format css qui s'applique au premier élément quand on trouve la suite d'élement imbriqués suivante:

Code:

<element1> <element2/> </element1>

note: pour appliquer un format à element2 je sais qu'il faut simplement faire :
Code:

1 2 3 element1 element2{ propriété; valeur; ... }
maiss ce que j'aimerai faire c'est l'inverse.

merci
10/07/2007, 00h37
alband85

Franchement ? Je ne vois pas ce que tu veux faire...

Tu pourrais préciser l'intérêt de la chose et donner un petit exemple (simple) ?
10/07/2007, 09h09
trotters213

:salut:
Tu as l'inverse mais je ne pense pas que ce que tu cherches existe (sinon il faut le simuler via une fonction JS.
10/07/2007, 20h43
piotrr
Citation:

Envoyé par alband85

Franchement ? Je ne vois pas ce que tu veux faire...

Tu pourrais préciser l'intérêt de la chose et donner un petit exemple (simple) ?

J'ai une page avec une balise <img> encpsulée dans une balise <a>:
Code:

1 2 3 <a href="ma_cible"> <img src="ma_source"/> </a>
et je voudrais que ma balise <a> ait pour propriété 'target="_blank"' (je ne suis plus sur que c'est target).

Ainsi avec mon code css à chaque fois que j'aurai un lien sur une image, la page cible sera affichée dans une nouvelle fenêtre (ici j'affiche un agrandissement de la photo).

merci
11/07/2007, 00h10
alband85

Pour moi, le problème est réglé : target n'a pas d'équivalent en CSS...
(pas à ma connaissance en tout cas)

Je vérifierai quand même demain, quand j'aurai mon bouquin sous la main.
11/07/2007, 08h21
trotters213

target n'a pas déquivalent CSS.
Il faut donc simuler le target="_blank" par ceci

Code:

onclick="window.open(this.href); return false;"
11/07/2007, 12h43
piotrr

Citation:

Envoyé par trotters213

target n'a pas déquivalent CSS.
Il faut donc simuler le target="_blank" par ceci

Code:

onclick="window.open(this.href); return false;"

Pourriez vous être plus précis?
Comment dois-je écrire ceci dans ma feuille de style?

merci
11/07/2007, 13h01
Candygirl

Citation:

Envoyé par piotrr

Comment dois-je écrire ceci dans ma feuille de style?

Tu ne peux pas règler ce problème par une feuille de style.

Tu dois intervenir niveau html (en ajoutant le target qui est un attribut et pas une propriété css ou en ajoutant le code donné par trotters213) ou alors gérer le cas complètement par javascript.
11/07/2007, 18h55
piotrr

Ok,

puis-je quand même, outre en css, faire en sorte que je n'ai pas besoin à chaque fois que je rajoute un lien de rajouter en même temps la propriété 'target="_blank"?

Est-ce possible (en php, javascript ... peut importe)?

merci
12/07/2007, 00h42
alband85

Dans les en-têtes :

Code:

<base target = "_blank" />

Mais ça s'applique à tous les liens de la page...
12/07/2007, 08h36
trotters213

Citation:

Envoyé par piotrr

Puis-je quand même, outre en css, faire en sorte que je n'ai pas besoin à chaque fois que je rajoute un lien de rajouter en même temps la propriété 'target="_blank"?

ce n'est pas vraiment une bonne idée. Je ne sais pas à quoi est destiné ton site mais en mettant des target="_blank" (ou équivalent) sur chaque lien tu rendre ton site très peu accessible.
Je parle de l'accessible pour les non-voyant et tous ce qui utilise des navigateurs spécialisés donc pour les non-voyant.

Sinon pour répondre à ta question, tu peux utiliser la méthode Javascript que j'ai posté ci-dessus.

Citation:

Envoyé par alband85

Dans les en-têtes :

Code:

<base target = "_blank" />

Ceci n'est pas du code valide XHTML :sm::mrgreen:
12/07/2007, 15h53
alband85

Citation:

Envoyé par trotters213

du code valide XHTML

Merci pour la remarque !
Je ne savais pas...
Promis, je ne le ferai plus ! (quoi que je ne l'avais pas utilisé depuis plusieurs années........:mrgreen:)
12/07/2007, 20h47
piotrr

Citation:

Je ne sais pas à quoi est destiné ton site

Ces 'target="blank"' c'est uniquement pour des images que j'affiche en grand format dans des pages séparées.
Sinon je ne vois pas du tout en quoi ce serai inaccessible pour les non voyants (je ne m'y connait pas du tout en navigateur pour non voyant, j'en ai juste entendu parler).

Est ce que vous pourriez écrire le code javasript complet (je ne m'y connait pas non plus en javascript)?

merci de prêter attention à mon problème
13/07/2007, 13h46
trotters213

Citation:

Envoyé par piotrr

Ces 'target="blank"' c'est uniquement pour des images que j'affiche en grand format dans des pages séparées.
Sinon je ne vois pas du tout en quoi ce serai inaccessible pour les non voyants (je ne m'y connait pas du tout en navigateur pour non voyant, j'en ai juste entendu parler).

Parce que tu perds la main sur la fenêtre courante sans avertir la personne non-voyante.

Citation:

Envoyé par piotrr

Est ce que vous pourriez écrire le code javasript complet (je ne m'y connait pas non plus en javascript)?

Code:

<img src="..." alt="..." onclick="window.open(this.href); return false;"
14/07/2007, 11h47
piotrr

Citation:

Envoyé par trotters213

Code:

<img src="..." alt="..." onclick="window.open(this.href); return false;"

Mais je dois écrire ça dans chaque balise <img> non?
C'est justement ce que je veux éviter de faire ...

merci

Sinon tu créer un script Javascript dans lequel tu mets ça :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
function lien_target_blank()
{
	var liens = document.getElementsByTagName('a');
	for (var i = 0 ; i < liens.length ; ++i)  
	{
		liens[i].onclick = function()  
		{
			window.open(this.href);
			return false; 
		};
	}
}
window.onload = lien_target_blank;