Boucling

Besoin de COUP DE POUCE pour créer ma PAGE WEB

33 messages

Mise à jour: il y a 6 mois

1
OP
IT

InformaTIC

il y a 6 mois

Là je suis entrain de taffer sur un projet, mon site commence à avoir de la gueule, à force de tatonner j'ai réussi, j'en suis pas peu fier https://www.noelshack.com/2024-36-4-1725529529-siteconstruction.png

J'aimerais faire en sorte que lors-ce que j'appui sur une item de la sidebar, le contenu de la div accueil/centre de la page, change en conséquence, sans ouvrir un nouvel onglet.
Quelqu'un aurait une idée de comment m'y prendre ? J'en ai aucune idée, je connais pas le terme technique

est-ce que ça peut se faire en html/css déjà?

OP
IT

InformaTIC

il y a 6 mois

feet en page 3

OP
IT

InformaTIC

il y a 6 mois

up

OP
IT

InformaTIC

il y a 6 mois

up
je sais pas comment m'y prendre

BO

boireeaugange

il y a 6 mois

Tu mendies sur le forum dpeuis plusieurs jours pour un truc qui se règle en 2 minutes https://image.noelshack.com/fichiers/2018/01/4/1515075246-risitasserieux.png

OP
IT

InformaTIC

il y a 6 mois


Tu mendies sur le forum dpeuis plusieurs jours pour un truc qui se règle en 2 minutes https://image.noelshack.com/fichiers/2018/01/4/1515075246-risitasserieux.png

je débute. Tu noteras que mon projet à malgré tout avancé from https://www.noelshack.com/2024-36-4-1725536638-anus.png to https://www.noelshack.com/2024-36-4-1725536650-siteconstruction.png

moi ça me prend plusieurs heures à fouiller des tuto, un simple message de quelqu'un qui si connait peut me faire gagner des précieuses heures

OP
IT

InformaTIC

il y a 6 mois

moi ça se règle pas en "2 minutes"
ne connaissant même pas le terme technique pour faire ce que je souhaite

JE

Jetaableuh

il y a 6 mois

https://image.noelshack.com/fichiers/2019/52/5/1577451033-c8396837-d08f-45d4-9ead-944ab5b1b8ec.jpg

OP
IT

InformaTIC

il y a 6 mois

issou

C0

Can-01

il y a 6 mois


Là je suis entrain de taffer sur un projet, mon site commence à avoir de la gueule, à force de tatonner j'ai réussi, j'en suis pas peu fier https://www.noelshack.com/2024-36-4-1725529529-siteconstruction.png

J'aimerais faire en sorte que lors-ce que j'appui sur une item de la sidebar, le contenu de la div accueil/centre de la page, change en conséquence, sans ouvrir un nouvel onglet.
Quelqu'un aurait une idée de comment m'y prendre ? J'en ai aucune idée, je connais pas le terme technique

est-ce que ça peut se faire en html/css déjà?

un button + du JS qui change la page dynamiquement c'est le + simple
En tout cas ça l'était y'a 10-15 ans

+ c'est quoi ton site chelou, ou bien tu codes des lignes ou bien tu go wysiwyg pas un entre-deux

MS

Moro-Sphinx

il y a 6 mois

La chancla

OP
IT

InformaTIC

il y a 6 mois

un button + du JS qui change la page dynamiquement c'est le + simple
En tout cas ça l'était y'a 10-15 ans

il y a pas un moyen en HTML/CSS ?
Je connais absolument pas le JS

BO

boireeaugange

il y a 6 mois

Au lieu de demander sur ce forum à 13h, passe par ChatGPT. Même avec tes explications éclatées il va te dire que ce que tu veux faire c'est une single-page application. La première étape pour y arriver c'est de fermer ton programme de desco et d'apprendre à coder https://image.noelshack.com/fichiers/2018/25/2/1529422413-risitaszoom.png

C0

Can-01

il y a 6 mois

il y a pas un moyen en HTML/CSS ?
Je connais absolument pas le JS

Tu peux remplacer l'url de l'onglet par une autre mais bon c'est nul quoi, un site de chads l'URL ne change jamais (ou presque) https://image.noelshack.com/fichiers/2022/33/5/1660861236-gdfgdfgdfgdfgdfg.png

LG

LuckyGirl001

il y a 6 mois

JavaScript c'est le + simple

OP
IT

InformaTIC

il y a 6 mois

Tu peux remplacer l'url de l'onglet par une autre mais bon c'est nul quoi, un site de chads l'URL ne change jamais (ou presque) https://image.noelshack.com/fichiers/2022/33/5/1660861236-gdfgdfgdfgdfgdfg.png

oui c'est mon but

je veux pas avoir des sous pages etc. juste la racine du site

ML

McLoviin

il y a 6 mois

Deja tu fais ton site avec quoi ? Comment est créé le contenu des pages ?

C0

Can-01

il y a 6 mois

oui c'est mon but

je veux pas avoir des sous pages etc. juste la racine du site

<div id="item-1" class="sidebar-item">lien 1<a href="http://www.tonlien.fr"></a></div>

Un truc genre ça ? https://image.noelshack.com/fichiers/2020/13/4/1585182344-moe.jpg

PA

Pafap

il y a 6 mois

Vite + React + Typescript ou rien, l'animal https://image.noelshack.com/fichiers/2022/08/2/1645560056-chat-costume-lunettes-01.png

C0

Can-01

il y a 6 mois

Imagine que fasses un blog ou une boutique en ligne. Si tu mets tout sur la racine du site avec du javascript pour rendre ça dynamique, ça veut dire que chaque utilisateur va devoir chargé le contenu de TOUTES les articles de blog ou des produits dès sa première visite sur le site https://image.noelshack.com/fichiers/2018/10/1/1520260980-risitas94.png

T'es conscient du fait que tu débutes, tu le rapelles souvent, mais donc ce serait bien de mettre en doute tes idées et de les confronter à ce que peut de dire ChatGPT avant de te lancer https://image.noelshack.com/fichiers/2022/37/1/1663014384-ahi-pince-mais.png

Faut le laisser apprendre de ses erreurs kheyous, c'est en se relevant qu'on apprend à mieux tomber https://image.noelshack.com/fichiers/2019/12/2/1553015806-ezgif-4-1d0e999dc9jvc84.png

Ou un truc du genre j'ai oublié la phrase https://image.noelshack.com/fichiers/2020/33/2/1597181349-tiichat.png

BO

boireeaugange

il y a 6 mois

oui c'est mon but

je veux pas avoir des sous pages etc. juste la racine du site

Imagine que fasses un blog ou une boutique en ligne. Si tu mets tout sur la racine du site avec du javascript pour rendre ça dynamique, ça veut dire que chaque utilisateur va devoir charger le contenu de TOUS les articles de blog ou des produits dès sa première visite sur le site https://image.noelshack.com/fichiers/2018/10/1/1520260980-risitas94.png

T'es conscient du fait que tu débutes, tu le rapelles souvent, mais donc ce serait bien de mettre en doute tes idées et de les confronter à ce que peut de dire ChatGPT avant de te lancer https://image.noelshack.com/fichiers/2022/37/1/1663014384-ahi-pince-mais.png

LN

LainNonBinaire

il y a 6 mois

<div id="item-1" class="sidebar-item">lien 1<a href="http://www.tonlien.fr"></a></div>

Un truc genre ça ? https://image.noelshack.com/fichiers/2020/13/4/1585182344-moe.jpg

bah oui, mais je veux pas que ça m'actualise la page
je souhaite que quand j'appuis sur l'item de la sidebar, le contenu spécifique s'affiche dans la div central

Admettons j'appuis sur boutique, bah au milieu ou voit les items que je vend (sans changement de page)
puis quand j'appuis sur actualité, les items que je vend sont remplacés par une liste de gallerie blog
etc.

le tout sans changer de page

C0

Can-01

il y a 6 mois

bah oui, mais je veux pas que ça m'actualise la page
je souhaite que quand j'appuis sur l'item de la sidebar, le contenu spécifique s'affiche dans la div central

Admettons j'appuis sur boutique, bah au milieu ou voit les items que je vend (sans changement de page)
puis quand j'appuis sur actualité, les items que je vend sont remplacés par une liste de gallerie blog
etc.

le tout sans changer de page

Un iframe ferait techniquement l'affaire https://image.noelshack.com/fichiers/2020/52/6/1608985783-ahi-triangle.png

LN

LainNonBinaire

il y a 6 mois

Imagine que fasses un blog ou une boutique en ligne. Si tu mets tout sur la racine du site avec du javascript pour rendre ça dynamique, ça veut dire que chaque utilisateur va devoir charger le contenu de TOUS les articles de blog ou des produits dès sa première visite sur le site https://image.noelshack.com/fichiers/2018/10/1/1520260980-risitas94.png

T'es conscient du fait que tu débutes, tu le rapelles souvent, mais donc ce serait bien de mettre en doute tes idées et de les confronter à ce que peut de dire ChatGPT avant de te lancer https://image.noelshack.com/fichiers/2022/37/1/1663014384-ahi-pince-mais.png

oui je m'en doute
mais j'ai pas beaucoup de contenu, c'est une page qui se veut minimaliste

ML

McLoviin

il y a 6 mois

Un iframe ferait techniquement l'affaire https://image.noelshack.com/fichiers/2020/52/6/1608985783-ahi-triangle.png

Cette idée de sagouin https://image.noelshack.com/fichiers/2016/38/1474488555-jesus24.png

C0

Can-01

il y a 6 mois

Cette idée de sagouin https://image.noelshack.com/fichiers/2016/38/1474488555-jesus24.png

Y'a pas plus simple ceci dit https://image.noelshack.com/fichiers/2018/26/7/1530476579-reupjesus.png

BO

boireeaugange

il y a 6 mois

Un iframe ferait techniquement l'affaire https://image.noelshack.com/fichiers/2020/52/6/1608985783-ahi-triangle.png

Oui laissons l'op tout faire en iframes https://image.noelshack.com/fichiers/2018/25/2/1529422413-risitaszoom.png

LN

LainNonBinaire

il y a 6 mois

Oui laissons l'op tout faire en iframes https://image.noelshack.com/fichiers/2018/25/2/1529422413-risitaszoom.png

je vais me renseigner sur ça

pourquoi c'est de la merde l'ifram ??

sinon quel alternative ??

perso pour mon site je le veux assez minimaliste et esthétique, je veux pas qu'il y ait de rupture par des chargements/rafraichissement de page que je juge moche et frustrant.

Quitte à faire une barre de chargement à l'avenir si je viens à avoir une page trop lourde à charger

55

55Helau

il y a 6 mois

Si tu as des vraies pages html il faut faire une request async de ta page et l'afficher dans ton conteneur.
Sinon en pur html css et un peu de js front, si tu as pas beaucoup de contenu tu peux jouer sur des div en opacité qui s'affichent au clic.

Mais si ce sont des vraies pages ils faut aller sur la premiere option.

LN

LainNonBinaire

il y a 6 mois


Si tu as des vraies pages html il faut faire une request async de ta page et l'afficher dans ton conteneur.
Sinon en pur html css et un peu de js front, si tu as pas beaucoup de contenu tu peux jouer sur des div en opacité qui s'affichent au clic.

Mais si ce sont des vraies pages ils faut aller sur la premiere option.

je connais pas c'est quoi ?

ouai chat GPT me propose de jouer sur l'opacité

BT

BombeH-Tsar

il y a 6 mois

C'est quoi cet outil bordel

Lance un truc en react, tu demandes ce que tu veux à chatgpt et dans 2h t'as fini tout ton bordel

55
LN

LainNonBinaire

il y a 6 mois


C'est quoi cet outil bordel

Lance un truc en react, tu demandes ce que tu veux à chatgpt et dans 2h t'as fini tout ton bordel

je connais pas

en quoi c'est mieux ?

BT

BombeH-Tsar

il y a 6 mois

je connais pas

en quoi c'est mieux ?

C'est une librairie front-end en Js, c'est bien documenté et si tu coinces tu peux aisément demander à gpt de t'aider. T'as juste à installer node, lancer ton projet et rajouter tes pages, components, utils, petit à petit.

Tu utilises ça avec, disons MUI en framework css, et t'as plus grand chose à faire

SP

Spraille

il y a 6 mois

chatgpt est gratuit