تشخیص و استفاده از رزولوشن بیننده صفحه

[mokhtasatxyz]

سلام دوستان
از یک قلب ریسپانسیو خارجی برای سایتم استفاده کرد ام. نحوه نمایش منوی این قالب برای صفحه نماش های کامپیوتر و موبایل متفاوت است و در نتیجه باعث شده فارسی نویسی در گذینه های منو بر روی ترتیب گذینه های نمو تاثیر منفی بگذارد. نیاز دارم که علاوه بر شناسایی رزولوشن صفحه نمایش بیننده نعیین کنم که گذینه های منو به چه ترتیبی نشان داده شوند.
تحقیق کرده ام و کد زیر را نوشته ام ولی نمیدانم چرا کار نمی کند
لطفا من را راهنمایی کنید
ممنون
قالب اصلی:http://www.templatemo.com/tm-427-timeline


کد نوشته شده:

$width = " <script>document.write(screen.width);</script>";

if($width<=783)

{

echo "<li><span></span><a href='#s3' class='about'>1لینک</a></li>

<li><span></span><a href='#s2' class='portfolio'>لینک2</a></li>

<li><span></span><a href='#s1' class='map'>لینک3</a></li>

<li><span></span><a href='#big-banner' class='contact'>لینک4</a></li>";

}

elseif($width>783)

{

echo "<li><span></span><a href='#s3' class='about'>لینک4</a></li>

<li><span></span><a href='#s2' class='portfolio'>لینک3</a></li>

<li><span></span><a href='#s1' class='map'>لینک2</a></li>

<li><span></span><a href='#big-banner' class='contact'>لینک1</a></li>";

}

[Farshid007]

<?PHP

$width=intval("<script>document.write(screen.width  );</script>");

if($width<=783)

{

echo "<li><span></span><a href='#s3' class='about'>1لینک</a></li>

<li><span></span><a href='#s2' class='portfolio'>لینک2</a></li>

<li><span></span><a href='#s1' class='map'>لینک3</a></li>

<li><span></span><a href='#big-banner' class='contact'>لینک4</a></li>";

}

elseif($width>783)

{

echo "<li><span></span><a href='#s3' class='about'>لینک4</a></li>

<li><span></span><a href='#s2' class='portfolio'>لینک3</a></li>

<li><span></span><a href='#s1' class='map'>لینک2</a></li>

<li><span></span><a href='#big-banner' class='contact'>لینک1</a></li>";

}

?>

اینو امتحان کن

[mokhtasatxyz]

ممنون
ولی باز هم کار نکرد
چه با کد من و چه با کد شما همیشه if اول درست است و همیشه width<=783 می باشد
کاربر ayoubsys که تشکر کرده است، ایا این مشکل را نداشته!؟
یک سوال
مطمئنا باید بشود بدون استفاده از php و فقط با خود js , jquery , html5 این کار را کرد. ایا در کل نیاز به استفاده از php می باشد؟

[Unique]

راستش من نمیفهمم شما چطور میخواین screen.width را اونم با دستور document.write که سمت کلاینت اجرا میشه به متغیر php که سمت سرور مقدار دهی میشه مرتبط کنید !!!!!!!!
آقا فرشید هم فکر کنم کلا توجه نکرده و ayoubsys هم اسپم تشکر کرده.

رزولوشن را فقط میتونی سمت کلاینت بگیری و با javascript تغییر منو را اعمال کنی! سوال را هم باید توی انجمن توسعه وب بپرسی نه اینجا دوست عزیز.

[vahidmoghadam]

با پست کاربر Unique کاملا موافقم ...

ولی یه چیزی چرا از بوت استرپ استفاده نمیکنی ؟! با یه کم ذوق و سلیقه و ابتکار میتونی قالب های خوشگل و به روزی باهاش بسازی که کاملا ریسپانسیو هم هستن و هیچ یک از این مکافات ها رو نداره ... یادگیریش هم واقعا راحته ...

[Farshid007]

راستش من نمیفهمم شما چطور میخواین screen.width را اونم با دستور document.write که سمت کلاینت اجرا میشه به متغیر php که سمت سرور مقدار دهی میشه مرتبط کنید !!!!!!!!
آقا فرشید هم فکر کنم کلا توجه نکرده و ayoubsys هم اسپم تشکر کرده.

رزولوشن را فقط میتونی سمت کلاینت بگیری و با javascript تغییر منو را اعمال کنی! سوال را هم باید توی انجمن توسعه وب بپرسی نه اینجا دوست عزیز.

ای وای راست میگید
منم اصلا حواسم نبود
البته به فکر خودمم بود کلا با جاوااسکریپت اینکارو کنیم دیگه
چه لزومی داره php بیاد وسط
معذرت میخوام دوستان