Forums Développement Multimédia

Aller au contenu

LIEN D'UNE IFRAME VERS UNE AUTRE IFRAME (AVEC ANCRE)

CODE ANCRE IFRAME

10 réponses à ce sujet

#1 cdeluca

    Ceinture Jaune

  • Members
  • PipPip
  • 15 messages

Posté 21 April 2015 - 23:32 PM

Bonjour,

Mon site est constitué de deux IFRAMES réunies verticalement dans une page unique.

Trois pages au total :
indexv01.html > PAGE CONTENANT LES 2 IFRAMES
header.html > IFRAME N1 > MENU
contenu.html > IFRAME N2 > CONTENU DU SITE

Je cherche à créer un menu fixe horizontal permanent (IFRAME N1) dont chaque rubriques pointe vers un contenu ancré (IFRAME N2).

Les différentes rubriques sont réparties sur une même page verticalement.

Apres de nombreuses recherches, je cale... Les liens entre iframes ne fonctionnent pas correctement.

Merci de votre aide

Voir le ZIP joint.

Fichier(s) joint(s)

  • Fichier joint  Archive.zip   610.42 Ko   2 téléchargement(s)


#2 Monsieur Spi

  • Community Manager
  • PipPipPipPipPipPipPipPip
  • 6955 messages

Posté 21 April 2015 - 23:51 PM

Salut,

Je capte pas trop l'intérêt de faire des iframes pour faire un menu qui reste toujours en haut de page.
Une simple div avec pour CSS {position: fixed; top: 0;} ne suffirait pas ?

Fichier(s) joint(s)

  • Fichier joint  test.html   1.05 Ko   8 téléchargement(s)


#3 cdeluca

    Ceinture Jaune

  • Members
  • PipPip
  • 15 messages

Posté 22 April 2015 - 10:50 AM

Salut,

Je te remercie beaucoup.

Pourquoi faire simple...

C.

#4 Monsieur Spi

  • Community Manager
  • PipPipPipPipPipPipPipPip
  • 6955 messages

Posté 22 April 2015 - 11:46 AM

Pas de quoi ;)
Bon courage pour la suite.

#5 cdeluca

    Ceinture Jaune

  • Members
  • PipPip
  • 15 messages

Posté 24 April 2015 - 14:23 PM

Bonjour,

Toujours pour le même site, j'ai placé des ancres pour atteindre chacune des rubriques.
Mais au clic sur le lien, la page se positionne toujours en fonction du haut de page. Du coup, le header cache systématiquement la partie supérieure de la rubrique.

Merci d'avance.

C.

#6 Monsieur Spi

  • Community Manager
  • PipPipPipPipPipPipPipPip
  • 6955 messages

Posté 24 April 2015 - 14:33 PM

Salut,

Tu peux faire ton scroll en javascript et lui indiquer de retirer la hauteur de ton header à la position de l'ancre.
Tu as un exemple complet ici : http://jsfiddle.net/ianclark001/aShQL/

#7 cdeluca

    Ceinture Jaune

  • Members
  • PipPip
  • 15 messages

Posté 27 April 2015 - 09:26 AM

Bonjour,
Merci pour ton aide. Je ne suis pas un crack en développement. Peux tu me fournir l'ensemble des fichiers séparés (HTML, CSS, JS...) ?
Merci encore.

Bonne journée.

C.

#8 sais_malika

    Ceinture Blanche

  • Members
  • Pip
  • 13 messages

Posté 01 June 2015 - 15:06 PM

Voir le messagecdeluca, le 27 April 2015 - 09:26 AM, dit :

Bonjour,
Merci pour ton aide. Je ne suis pas un crack en développement. Peux tu me fournir l'ensemble des fichiers séparés (HTML, CSS, JS...) ?
Merci encore.

Bonne journée.

C.
Bonjour
Je peux vous fournir un exemple si celà pourra vous servir mais je travaille sous dreamweaver cc2014

#9 sais_malika

    Ceinture Blanche

  • Members
  • Pip
  • 13 messages

Posté 01 June 2015 - 15:09 PM

Voir le messagecdeluca, le 27 April 2015 - 09:26 AM, dit :

Bonjour,
Merci pour ton aide. Je ne suis pas un crack en développement. Peux tu me fournir l'ensemble des fichiers séparés (HTML, CSS, JS...) ?
Merci encore.

Bonne journée.

C.
je viens de vous envoyer un exemple avec plusieurs pages chaque page contient des informations on accede au clic j'espere vous avoir donné bonne reponse.

#10 sais_malika

    Ceinture Blanche

  • Members
  • Pip
  • 13 messages

Posté 01 June 2015 - 15:10 PM

voici le fichier

Fichier(s) joint(s)



#11 sais_malika

    Ceinture Blanche

  • Members
  • Pip
  • 13 messages

Posté 01 June 2015 - 15:12 PM

si jamais vous n'avez pas compris je vous donnerais le code.



1 utilisateur(s) li(sen)t ce sujet

0 membre(s), 1 invité(s), 0 utilisateur(s) anonyme(s)

authorised training centre

Centre de Formation Mediabox - Adobe et Apple Authorised Training Center.

Déclaré auprès de la Direction du Travail et de la Formation Professionnelle

Mediabox : SARL au capital de 62.000€ - Numéro d'activité : 11 75 44555 75 - SIRET : 49371646800035

MEDIABOX, 23, rue de Bruxelles, 75009 PARIS

FFP