Informatie op desktop en mobiele site het zelfde
Uit nieuwsgierigheid start ik deze topic. Mijn site is responsive en wil het volgende programeren:
Stel je hebt een tabel gemaakt met wat informatie en deze staat in je footer maar op mobiele schermen staat dit op een anderre plek.
Hier heb ik 2 verschilende elementen voor gemaakt.
Code (php)
1
2
3
4
5
6
7
2
3
4
5
6
7
<table id=desktop>
Hier de rijen, cellen en info bla bla
</table>
<table id=mobile>
Hier de rijen, cellen en info bla bla
</table>
Hier de rijen, cellen en info bla bla
</table>
<table id=mobile>
Hier de rijen, cellen en info bla bla
</table>
Nu wil ik als deze info veranderd dit niet op beide plaatsen aanpassen maar in een file.
Zelf dacht ik aan php met een array? Of een json file die word aangeroepen?
Hoe zouden jullie dit aanpakken?
Gr. Bryan
Gewijzigd op 18/02/2018 22:56:34 door Bryan De Baar
Quote:
Nu wil ik als deze info veranderd dit niet op beide plaatsen aanpassen maar in een file.
Je wilt sowieso één bron voor deze informatie. Niet twee. Of vijf. Zodat als de samenstelling verandert, je dit maar op één plek hoeft te doen.
Quote:
Zelf dacht ik aan php met een array? Of een json file die word aangeroepen?
Geen idee? Wat voor informatie is dit? Hoeveel informatie is dit? Hoe vaak verandert deze informatie? Afhankelijk van de aard van de informatie zou je zelfs kunnen overwegen om hier aparte beheerschermen voor te maken zodat je niet elke keer met fysieke bestanden hoeft lopen te sleuren en pleuren?
In dat geval zou ik zeker eens naar CSS kijken, of een oplossing met JavaScript.
Thomas van den Heuvel op 18/02/2018 23:25:34:
Dat is niet echt responsive wel? Je hebt twee varianten voor twee verschillende devices. Eigenlijk wil je één tabel die dynamisch verandert wanneer je schermresolutie verandert/verschillend is.
Hangt er totaal van af hoe de vormgever het vorm geeft..... Volgens Wikipedia 'Responsive webdesign is een benadering van webdesign waarbij de web developer streeft naar een optimale webervaring voor een breed scala aan apparaten.' dit betekend niet dat je op elk apparaat dezelfde elementen MOET of HOEFT te gebruiken. Dus als iets op mobiel wel zichtbaar is, hoeft dit niet persee op desktop ook zo te zijn.
- Ariën - op 18/02/2018 23:28:28:
Persoonlijk kan ik me niet indenken dat dit iets is wat je serverside met PHP wilt oplossen. Je wilt je tabel dus met aangepaste inhoud laten zien, door deze in een andere volgorde te tonen, of onnodige kolommen op mobieltjes te schrappen?
In dat geval zou ik zeker eens naar CSS kijken, of een oplossing met JavaScript.
In dat geval zou ik zeker eens naar CSS kijken, of een oplossing met JavaScript.
Hij wil de content maar 1 keer aanpassen. Oftewel dit is gewoon serverside PHP, hooguit de de stijl een klein beetje anders is.
@TS
Ik zou de output van de tabel gewoon in een var zetten, deze kun kun je dan op meerdere plekken terug laten komen in de website zonder dat je het meerdere keren moet aanpassen.
Gewijzigd op 19/02/2018 09:37:04 door Joakim Broden
Thomas heeft wel degelijk een punt. Ja, je kunt elementen tonen/verbergen op basis van schermgrootte, maar het is niet de bedoeling dat je twee exact dezelfde 'secties' gaat herhalen met als enige verschil het ID en dat je dan afhankelijk van de schermgrootte het juiste ID toont. Zo is het echt niet bedoeld.
Jij gaat dus twee exact dezelfde tabellen op 1 pagina zetten, elk met een andere ID, en dan de ene tonen en de andere verbergen op basis van schermgrootte? Neeeeejjjjj .... bad practice ... foei!