Volledige versie bekijken : stukje code die vervangen dient te worden bij mobiele browsers - graag wat hulp



MabadosS
2 August 2014, 14:53
Beste forumgebruikers, beste webprogrammeurs,

Het is al enige tijd geleden dat ik hier nog even gepost heb, maar ik zou een klein beetje hulp zeer waarderen.

Ik kan heel goed overweg met html en css, maar ben nogal een leek in php code.
Ik zit echter met een klein probleempje bij mijn laatste project, waarvoor iets van php code nodig zal zijn.

Het probleem is esthetisch op mobiele browsers.
Ik gebruik een jquery banner die op mobiele toestellen/browsers een probleem geeft.

Daarom dacht ik dat het misschien mogelijk is via php om een stukje code te vervangen indien via een mobiel toestel (smartphone/tablet) naar de site wordt gesurft.

Praktisch:
Bij gewone browsers/toetsellen moet deze pagina ge-include worden: <?php include("slider.php"); ?>
Bij mobiele toestellen/tablet zou het dit moeten worden <?php include("slider_mobile.php"); ?>

Zou iemand mij even kunnen helpen met het opstellen van die code, is het uberhaupt mogelijk.
Enig gegoogle bracht mij alvast geen oplossing, maar ik kan mij niet voorstellen dat ik de enige ben die hiermee kampt.

Alvast mijn eeuwige dankbaarheid!

MabadosS
2 August 2014, 21:50
Beste forumgebruikers,

Ondertussen kreeg ik via een ander forum de perfecte oplossing.

Ik deel ze graag met jullie voor het geval nog iemand tegen zo'n probleem aanloopt.




Praktisch:
Bij gewone browsers/toestellen moet deze pagina ge-include worden: <?php include("slider.php"); ?>
Bij mobiele toestellen/tablet zou het dit moeten worden <?php include("slider_mobile.php"); ?>


Zou iemand mij even kunnen helpen met het opstellen van die code, is het uberhaupt mogelijk.
Dit is prima te doen. Er bestaan kant-en-klare scripts voor waarmee je een grote diversiteit aan mobiele apparaten kunt detecteren, zoals Mobile Detect (http://mobiledetect.net/).


Op die pagina staat direct een voorbeeldscriptje hoe je dit kunt implementeren. Als ik dat even vertaal naar jouw situatie wordt dat:


// Mobile_Detect includen
require_once 'Mobile_Detect.php';
$mobileDetect = new Mobile_Detect;


$sliderFile = 'slider.php'; // default waarde
if ($mobileDetect->isMobile()) {
// Mobiel apparaat, dus ander bestand nodig
$sliderFile = 'slider_mobile.php';
}


// Het betreffende bestand includen
include $sliderFile;

Let erop dat ook tablets als mobiel apparaat worden beschouwd. Als dit niet voor tablets moet gelden, kun je die op deze manier uitsluiten:


// Mobile_Detect includen
require_once 'Mobile_Detect.php';
$mobileDetect = new Mobile_Detect;


$sliderFile = 'slider.php'; // default waarde
if ($mobileDetect->isMobile() and !$mobileDetect->isTablet()) {
// Mobiel apparaat en géén tablet, dus ander bestand nodig
$sliderFile = 'slider_mobile.php';
}


// Het betreffende bestand includen
include $sliderFile;

berger
3 August 2014, 17:38
Zo zou ik dat ook gedaan hebben! :cool: