D'où ma question:
Pour cette seconde page, au vu de ma page de référence, comment faire
pour:
- laisser divs 1 et 3 visible
- cacher divs 2, 4, 5 (ainsi que, bien sûr tous les divs enfants de
4)
- cacher div 6 aussi.
Comment pourrait-on faire en JS?
D'où ma question:
Pour cette seconde page, au vu de ma page de référence, comment faire
pour:
- laisser divs 1 et 3 visible
- cacher divs 2, 4, 5 (ainsi que, bien sûr tous les divs enfants de
4)
- cacher div 6 aussi.
Comment pourrait-on faire en JS?
D'où ma question:
Pour cette seconde page, au vu de ma page de référence, comment faire
pour:
- laisser divs 1 et 3 visible
- cacher divs 2, 4, 5 (ainsi que, bien sûr tous les divs enfants de
4)
- cacher div 6 aussi.
Comment pourrait-on faire en JS?
> Il me semble que c'est tr�s simple :
<html>
<style type="text/css">
div { display: none; border:1px solid; margin:20px }
div div { display: block; }
#d1, #d3 { display: block; }
Ben pourquoi en JS ?
Les CSS sont en rideau ?
> Il me semble que c'est tr�s simple :
<html>
<style type="text/css">
div { display: none; border:1px solid; margin:20px }
div div { display: block; }
#d1, #d3 { display: block; }
Ben pourquoi en JS ?
Les CSS sont en rideau ?
> Il me semble que c'est tr�s simple :
<html>
<style type="text/css">
div { display: none; border:1px solid; margin:20px }
div div { display: block; }
#d1, #d3 { display: block; }
Ben pourquoi en JS ?
Les CSS sont en rideau ?
-Contrainte 2: Par définition, je ne maitrise pas le code des sites
tiers (ceux qui sont référencés) et donc je ne peux préjuger de
l'arborescence des divs de leurs pages ni des identifiants des <div>.
Je dois même traiter en majorité avec des divs anonymes. (!!!)
-Contrainte 2: Par définition, je ne maitrise pas le code des sites
tiers (ceux qui sont référencés) et donc je ne peux préjuger de
l'arborescence des divs de leurs pages ni des identifiants des <div>.
Je dois même traiter en majorité avec des divs anonymes. (!!!)
-Contrainte 2: Par définition, je ne maitrise pas le code des sites
tiers (ceux qui sont référencés) et donc je ne peux préjuger de
l'arborescence des divs de leurs pages ni des identifiants des <div>.
Je dois même traiter en majorité avec des divs anonymes. (!!!)
> Ça veut dire quoi exactement :
"je ne maitrise pas le code des sites tiers " ?
Les sites apparaissent dans un "frame", ou "iframe" ?
> Ça veut dire quoi exactement :
"je ne maitrise pas le code des sites tiers " ?
Les sites apparaissent dans un "frame", ou "iframe" ?
> Ça veut dire quoi exactement :
"je ne maitrise pas le code des sites tiers " ?
Les sites apparaissent dans un "frame", ou "iframe" ?
Je charge la page d'un site dans un iframe ou un div container. Je
passe une moulinette qui fait apparaitre toutes les divs et les rend
cliquables pour pouvoir les faire disparaitre. Au fur et à mesure
qu'on fait ça, on filtre la page intiale de tout son "bruit" (pubs,
adds à la con, liens vers d'autres sites, commentaires etc). Au final,
il ne reste que les divs principales contenant la quintessence de la
page. Tout le reste est rendu invisible.
Je charge la page d'un site dans un iframe ou un div container. Je
passe une moulinette qui fait apparaitre toutes les divs et les rend
cliquables pour pouvoir les faire disparaitre. Au fur et à mesure
qu'on fait ça, on filtre la page intiale de tout son "bruit" (pubs,
adds à la con, liens vers d'autres sites, commentaires etc). Au final,
il ne reste que les divs principales contenant la quintessence de la
page. Tout le reste est rendu invisible.
Je charge la page d'un site dans un iframe ou un div container. Je
passe une moulinette qui fait apparaitre toutes les divs et les rend
cliquables pour pouvoir les faire disparaitre. Au fur et à mesure
qu'on fait ça, on filtre la page intiale de tout son "bruit" (pubs,
adds à la con, liens vers d'autres sites, commentaires etc). Au final,
il ne reste que les divs principales contenant la quintessence de la
page. Tout le reste est rendu invisible.
> Mais les "div" en question (s'il y en a !) n'ont pas d'identifiant ?
Et maîtrise-t-on la mise à jour de ces sites, avec d'éventuels
changements dans leurs "div" respectifs ?
Parce que si les "div" à masquer ont tous un ID et que celui-ci est
stable, ça n'est pas très compliqué, non ?
> Mais les "div" en question (s'il y en a !) n'ont pas d'identifiant ?
Et maîtrise-t-on la mise à jour de ces sites, avec d'éventuels
changements dans leurs "div" respectifs ?
Parce que si les "div" à masquer ont tous un ID et que celui-ci est
stable, ça n'est pas très compliqué, non ?
> Mais les "div" en question (s'il y en a !) n'ont pas d'identifiant ?
Et maîtrise-t-on la mise à jour de ces sites, avec d'éventuels
changements dans leurs "div" respectifs ?
Parce que si les "div" à masquer ont tous un ID et que celui-ci est
stable, ça n'est pas très compliqué, non ?
-----------------------------------------------------------
<div id='id1'>bla bla bla</div>
<div id='id2' style="display: none;"> bla bla bla</div>
<div id='id3'> encore du bla bla bla </div>
<div id='id4' style="display: none;">bla bla:
<div id='id4-1'>un bla bla </div>
<div id='id4-2'>un autre bla bla </div>
</div>
<div id='id5' style="display: none"> bla </div>
-----------------------------------------------------------
[...]
-----------------------------------------------------------
<div id='id1'>bla bla bla</div>
<div id='id2'> bla bla bla</div>
<div id='id3'> encore du bla bla bla </div>
<div id='id4'>bla bla:
<div id='id4-1'>un bla bla </div>
<div id='id4-2'>un autre bla bla </div>
<div id='id4-3'>tiens, encore un autre nouveau bla bla </div>
</div>
<div id='id5'> bla </div>
<div id='id6'> et la encore un nouveau div </div>
-----------------------------------------------------------
[...]
Pour cette seconde page, au vu de ma page de référence, comment faire
pour:
- laisser divs 1 et 3 visible
- cacher divs 2, 4, 5 (ainsi que, bien sûr tous les divs enfants de
4)
- cacher div 6 aussi.
-----------------------------------------------------------
<div id='id1'>bla bla bla</div>
<div id='id2' style="display: none;"> bla bla bla</div>
<div id='id3'> encore du bla bla bla </div>
<div id='id4' style="display: none;">bla bla:
<div id='id4-1'>un bla bla </div>
<div id='id4-2'>un autre bla bla </div>
</div>
<div id='id5' style="display: none"> bla </div>
-----------------------------------------------------------
[...]
-----------------------------------------------------------
<div id='id1'>bla bla bla</div>
<div id='id2'> bla bla bla</div>
<div id='id3'> encore du bla bla bla </div>
<div id='id4'>bla bla:
<div id='id4-1'>un bla bla </div>
<div id='id4-2'>un autre bla bla </div>
<div id='id4-3'>tiens, encore un autre nouveau bla bla </div>
</div>
<div id='id5'> bla </div>
<div id='id6'> et la encore un nouveau div </div>
-----------------------------------------------------------
[...]
Pour cette seconde page, au vu de ma page de référence, comment faire
pour:
- laisser divs 1 et 3 visible
- cacher divs 2, 4, 5 (ainsi que, bien sûr tous les divs enfants de
4)
- cacher div 6 aussi.
-----------------------------------------------------------
<div id='id1'>bla bla bla</div>
<div id='id2' style="display: none;"> bla bla bla</div>
<div id='id3'> encore du bla bla bla </div>
<div id='id4' style="display: none;">bla bla:
<div id='id4-1'>un bla bla </div>
<div id='id4-2'>un autre bla bla </div>
</div>
<div id='id5' style="display: none"> bla </div>
-----------------------------------------------------------
[...]
-----------------------------------------------------------
<div id='id1'>bla bla bla</div>
<div id='id2'> bla bla bla</div>
<div id='id3'> encore du bla bla bla </div>
<div id='id4'>bla bla:
<div id='id4-1'>un bla bla </div>
<div id='id4-2'>un autre bla bla </div>
<div id='id4-3'>tiens, encore un autre nouveau bla bla </div>
</div>
<div id='id5'> bla </div>
<div id='id6'> et la encore un nouveau div </div>
-----------------------------------------------------------
[...]
Pour cette seconde page, au vu de ma page de référence, comment faire
pour:
- laisser divs 1 et 3 visible
- cacher divs 2, 4, 5 (ainsi que, bien sûr tous les divs enfants de
4)
- cacher div 6 aussi.
Il me semble que c'est tr�s simple :
<html>
<style type="text/css">
div { display: none; border:1px solid; margin:20px }
Ben pourquoi en JS ?
Les CSS sont en rideau ?
Merci Sam pour cette réponse mais, par souci de concision, j'ai omis
de préciser certaines contraintes importantes dans mon code:
-Contrainte 1: La solution doit s'adapter à n'importe quel site. Elle
doit donc être totalement "dynamique". C'est à dire qu'on pourrait
imaginer de disposer d'une "banque de masques" en fonction des sites
référencés.
Ex:
www.monsite.com => tel masque de visibilité des divs
Cela veut dire que je veux pouvoir consulter tel site
(www.monsite.com ) non pas avec la présentation des styles de base
fournie par le site lui même, mais avec "mon masque de visibilité à
moi". Je travaille UNIQUEMENT sur les divs.
Cela explique pourquoi:
1°/ J'ai effectivement mis les "CSS en rideau" ;).
Les CSS sont, sauf erreur de ma part, adaptées dans le cas (certes, le
plus répandu) où on maitrise le code que l'on traite.
Ton extrait de code fonctionne donc bien dans le cas où tu n'as qu'un
type de page à traiter et où tu as la main sur le code (tu peux
notamment -comme tu l'as fait ici- donner des identifiants aux divs).
Or, là, je souhaite "triturer" un peu de manière dynamique le code de
sites tiers. ;))
Bon, je sais, ça parait un peu fumeux tout ça, mais est-ce que tu vois
au moins l'idée générale?
D'autres idées?
Il me semble que c'est tr�s simple :
<html>
<style type="text/css">
div { display: none; border:1px solid; margin:20px }
Ben pourquoi en JS ?
Les CSS sont en rideau ?
Merci Sam pour cette réponse mais, par souci de concision, j'ai omis
de préciser certaines contraintes importantes dans mon code:
-Contrainte 1: La solution doit s'adapter à n'importe quel site. Elle
doit donc être totalement "dynamique". C'est à dire qu'on pourrait
imaginer de disposer d'une "banque de masques" en fonction des sites
référencés.
Ex:
www.monsite.com => tel masque de visibilité des divs
Cela veut dire que je veux pouvoir consulter tel site
(www.monsite.com ) non pas avec la présentation des styles de base
fournie par le site lui même, mais avec "mon masque de visibilité à
moi". Je travaille UNIQUEMENT sur les divs.
Cela explique pourquoi:
1°/ J'ai effectivement mis les "CSS en rideau" ;).
Les CSS sont, sauf erreur de ma part, adaptées dans le cas (certes, le
plus répandu) où on maitrise le code que l'on traite.
Ton extrait de code fonctionne donc bien dans le cas où tu n'as qu'un
type de page à traiter et où tu as la main sur le code (tu peux
notamment -comme tu l'as fait ici- donner des identifiants aux divs).
Or, là, je souhaite "triturer" un peu de manière dynamique le code de
sites tiers. ;))
Bon, je sais, ça parait un peu fumeux tout ça, mais est-ce que tu vois
au moins l'idée générale?
D'autres idées?
Il me semble que c'est tr�s simple :
<html>
<style type="text/css">
div { display: none; border:1px solid; margin:20px }
Ben pourquoi en JS ?
Les CSS sont en rideau ?
Merci Sam pour cette réponse mais, par souci de concision, j'ai omis
de préciser certaines contraintes importantes dans mon code:
-Contrainte 1: La solution doit s'adapter à n'importe quel site. Elle
doit donc être totalement "dynamique". C'est à dire qu'on pourrait
imaginer de disposer d'une "banque de masques" en fonction des sites
référencés.
Ex:
www.monsite.com => tel masque de visibilité des divs
Cela veut dire que je veux pouvoir consulter tel site
(www.monsite.com ) non pas avec la présentation des styles de base
fournie par le site lui même, mais avec "mon masque de visibilité à
moi". Je travaille UNIQUEMENT sur les divs.
Cela explique pourquoi:
1°/ J'ai effectivement mis les "CSS en rideau" ;).
Les CSS sont, sauf erreur de ma part, adaptées dans le cas (certes, le
plus répandu) où on maitrise le code que l'on traite.
Ton extrait de code fonctionne donc bien dans le cas où tu n'as qu'un
type de page à traiter et où tu as la main sur le code (tu peux
notamment -comme tu l'as fait ici- donner des identifiants aux divs).
Or, là, je souhaite "triturer" un peu de manière dynamique le code de
sites tiers. ;))
Bon, je sais, ça parait un peu fumeux tout ça, mais est-ce que tu vois
au moins l'idée générale?
D'autres idées?
D'où cette notion de "masque" de div et cette necessité de pouvoir
appliquer ce masque (mémorisé pour un site donné) sur une nouvelle
page de ce même site.
D'où le fait que je ne maitrise pas le "code des sites tiers".
Tu vois l'idée?
Plus j'y réfléchis de mon côté, plus je pense qu'il faut se palucher 2
arbres d'objets div et trouver un algo qui permet de procéder à une
operation logique (genre OU Exclusif) entre l'arbre de référence (le
masque) et l'arbre de la nouvelle page. Soit côté client, soit côté
serveur (mais j'aimerais éviter de triturer du code de sites tiers
côté serveur...)
Bon... OK... j'arrête de fumer.
D'où cette notion de "masque" de div et cette necessité de pouvoir
appliquer ce masque (mémorisé pour un site donné) sur une nouvelle
page de ce même site.
D'où le fait que je ne maitrise pas le "code des sites tiers".
Tu vois l'idée?
Plus j'y réfléchis de mon côté, plus je pense qu'il faut se palucher 2
arbres d'objets div et trouver un algo qui permet de procéder à une
operation logique (genre OU Exclusif) entre l'arbre de référence (le
masque) et l'arbre de la nouvelle page. Soit côté client, soit côté
serveur (mais j'aimerais éviter de triturer du code de sites tiers
côté serveur...)
Bon... OK... j'arrête de fumer.
D'où cette notion de "masque" de div et cette necessité de pouvoir
appliquer ce masque (mémorisé pour un site donné) sur une nouvelle
page de ce même site.
D'où le fait que je ne maitrise pas le "code des sites tiers".
Tu vois l'idée?
Plus j'y réfléchis de mon côté, plus je pense qu'il faut se palucher 2
arbres d'objets div et trouver un algo qui permet de procéder à une
operation logique (genre OU Exclusif) entre l'arbre de référence (le
masque) et l'arbre de la nouvelle page. Soit côté client, soit côté
serveur (mais j'aimerais éviter de triturer du code de sites tiers
côté serveur...)
Bon... OK... j'arrête de fumer.
Pourquoi? tu aurais une idée?
Pourquoi? tu aurais une idée?
Pourquoi? tu aurais une idée?