thetechgenius
08-14-2014, 08:40 AM
I have my own IRC Network being run from my dedicated server, so I setup 2 different custom templates and 2 different custom php pages to show my IRC Web Client. The first custom page "irc.php" is the full desktop version of my IRC Web Client, and the second is "irc_mobile.php", which is the mobile version of my IRC Web Client.
Now I have everything working correctly, I created the custom templates on both mobile and desktop styles, so everything is running perfect.
However, I would like to add some code to the desktop version of my IRC Web Client template, that redirects users to the mobile version "irc_mobile.php" if they are using the mobile style.
This is the Template for the Desktop Version of my IRC Client:
{vb:stylevar htmldoctype}
<html xmlns="http://www.w3.org/1999/xhtml" dir="{vb:stylevar textdirection}" lang="{vb:stylevar languagecode}" id="vbulletin_html">
<head>
<title>{vb:raw vboptions.bbtitle} - {vb:raw pagetitle}</title>
{vb:raw headinclude}
{vb:raw headinclude_bottom}
</head>
<body>
{vb:raw header}
{vb:raw navbar}
<div id="pagetitle">
<h1>{vb:raw pagetitle}</h1>
</div>
<h2 class="blockhead">TheTechGenius IRC Network - Web Client</h2>
<div class="blockbody">
<div class="blockrow">
<vb:if condition="$show['guest']">
<br><center><b><font size="4">You must be logged in to use the TTG IRC Web Client.</font></b></center>
</vb:if>
<vb:if condition="$show['member']">
<iframe src="https://kiwiirc.com/client?settings=d68a60f28ecb740b8a172a48beea671c" style="border:0; width:943px; height:515px;"></iframe></vb:if>
</div>
</div>
{vb:raw footer}
</body>
</html>
This is the template for the Mobile Version of my IRC Client:
{vb:stylevar htmldoctype}
<html xmlns="http://www.w3.org/1999/xhtml"<vb:if condition="$vboptions['enablefacebookconnect']"> xmlns:fb="http://www.facebook.com/2008/fbml"</vb:if> dir="{vb:stylevar textdirection}" lang="{vb:stylevar languagecode}" id="vbulletin_html">
<head>
{vb:raw headinclude}
<title>{vb:raw vboptions.bbtitle}</title>
{vb:raw headinclude_bottom}
</head>
<body>
{vb:raw header}
{vb:raw navbar}
<div id="pagetitle" class="pagetitle ui-bar-b">
<h1 class="pagetitle"><center>TTG IRC Network - Mobile Client</center></h1>
</div>
<h2 class="blockhead"></h2>
<div class="blockbody">
<div class="blockrow">
<vb:if condition="$show['guest']">
<br><center><b>You must be logged in to use the TTG IRC Mobile Client.</b></center><br>
</vb:if>
<vb:if condition="$show['member']">
<center><iframe src="https://kiwiirc.com/client?settings=5aadda5de6eb6ccfcfd1599da43592a6" style="border:0; width:100%; height:430px;"></iframe></center></vb:if>
</div>
</div>
{vb:raw footer}
</body>
</html>
As you can see, I already have a condition for guests. If the user is not logged in, they get an Error Message that tells the user they need to login to use the IRC Client.
How do I redirect users from the Desktop version to the mobile version, if they go to the desktop version on their mobile device?
--------------- Added 1408009595 at 1408009595 ---------------
Nevermind, I figured it out!
All I did was, change the name of mobile client template to the same as the desktop template, so the templates match the same PHP file, since its not actually the PHP file that makes the template mobile, its the template itself. So if the user clicks on the "irc.php" using the mobile style, it will use the mobile irc template.
Could a mod please close this thread?
Now I have everything working correctly, I created the custom templates on both mobile and desktop styles, so everything is running perfect.
However, I would like to add some code to the desktop version of my IRC Web Client template, that redirects users to the mobile version "irc_mobile.php" if they are using the mobile style.
This is the Template for the Desktop Version of my IRC Client:
{vb:stylevar htmldoctype}
<html xmlns="http://www.w3.org/1999/xhtml" dir="{vb:stylevar textdirection}" lang="{vb:stylevar languagecode}" id="vbulletin_html">
<head>
<title>{vb:raw vboptions.bbtitle} - {vb:raw pagetitle}</title>
{vb:raw headinclude}
{vb:raw headinclude_bottom}
</head>
<body>
{vb:raw header}
{vb:raw navbar}
<div id="pagetitle">
<h1>{vb:raw pagetitle}</h1>
</div>
<h2 class="blockhead">TheTechGenius IRC Network - Web Client</h2>
<div class="blockbody">
<div class="blockrow">
<vb:if condition="$show['guest']">
<br><center><b><font size="4">You must be logged in to use the TTG IRC Web Client.</font></b></center>
</vb:if>
<vb:if condition="$show['member']">
<iframe src="https://kiwiirc.com/client?settings=d68a60f28ecb740b8a172a48beea671c" style="border:0; width:943px; height:515px;"></iframe></vb:if>
</div>
</div>
{vb:raw footer}
</body>
</html>
This is the template for the Mobile Version of my IRC Client:
{vb:stylevar htmldoctype}
<html xmlns="http://www.w3.org/1999/xhtml"<vb:if condition="$vboptions['enablefacebookconnect']"> xmlns:fb="http://www.facebook.com/2008/fbml"</vb:if> dir="{vb:stylevar textdirection}" lang="{vb:stylevar languagecode}" id="vbulletin_html">
<head>
{vb:raw headinclude}
<title>{vb:raw vboptions.bbtitle}</title>
{vb:raw headinclude_bottom}
</head>
<body>
{vb:raw header}
{vb:raw navbar}
<div id="pagetitle" class="pagetitle ui-bar-b">
<h1 class="pagetitle"><center>TTG IRC Network - Mobile Client</center></h1>
</div>
<h2 class="blockhead"></h2>
<div class="blockbody">
<div class="blockrow">
<vb:if condition="$show['guest']">
<br><center><b>You must be logged in to use the TTG IRC Mobile Client.</b></center><br>
</vb:if>
<vb:if condition="$show['member']">
<center><iframe src="https://kiwiirc.com/client?settings=5aadda5de6eb6ccfcfd1599da43592a6" style="border:0; width:100%; height:430px;"></iframe></center></vb:if>
</div>
</div>
{vb:raw footer}
</body>
</html>
As you can see, I already have a condition for guests. If the user is not logged in, they get an Error Message that tells the user they need to login to use the IRC Client.
How do I redirect users from the Desktop version to the mobile version, if they go to the desktop version on their mobile device?
--------------- Added 1408009595 at 1408009595 ---------------
Nevermind, I figured it out!
All I did was, change the name of mobile client template to the same as the desktop template, so the templates match the same PHP file, since its not actually the PHP file that makes the template mobile, its the template itself. So if the user clicks on the "irc.php" using the mobile style, it will use the mobile irc template.
Could a mod please close this thread?