Jehzlau’s Resize Index Javascipt

Sa wakas, nakagawa na rin ako ng javascript for my site. Kasi kelangan ko mag iba yung design to fit in 800×600 screen resolution. Kaya gumawa me ng javascript function para mag load ng ibang CSS pag iba ang screen resolution. Pero actually di pa to perfect. Di ko alam paano e load yung CSS kaya buong index niload ko, tapos sa loob ng index na yun nalang nakalagay yung CSS. Sa CSS kasi lahat ng images ko kaya wala na problem sa pag resize. Kaya yun. Nag isip isip me paano ko gawin na ma view parin ng maganda sa 800×600 screen resolution. Ang base resolution ko kasi ay 1280×1024, and minimum resolution ay yung standard resolution na 1024×768.

Pero paano kung 800×600 na. Pangit din kasi kung mag base ka sa 800×600 unless liquid layout ang CSS mo, yung ma stretch siya. Maganda din naman yun, pero pag marami ka ng images, pwede mo din naman gamitin yung sa The Man in Blue na CSS dependent layout, cool to! check it out here, or yung sa A List Apart na technic nakalimutan ko na, yung pag e resize mo browser mo, mag ra wrap yung image at liliit din, I mean mag auto crop siya, pwede mo siyang ma view kahit sa anong resolution, kahit sa cellphone or sa PDA, astig diba?. update ko nalang tung post ko pag na alala ko. hehehe.

Pero, puro nalang ako pero. Gusto ko kasi gayahin yung sa yahoo.com. Try mo change ang resolution mo to 800×600, mag iiba yung page ng yahoo, mawawala yung scroll bar sa gilid ang lilipat na siya sa gitna. Tapos adjust mo ulit sa normal resolution mo na 1280 or 1024, mag iiba ulit yung page. Kaya yun ang gusto kong mangyari, ganda kasi. E sheshare ko lang yung javascript, alam ko makaluma na to na method, pero ok parin, pero hindi valid XHTML to ha, HTML 4.01 transitional lang siya, pero ok na rin, di naman to magiging index mo, ma reredirect ka sa ibang index na compatible sa resolution mo.

Okey, simulan ko na. Una gumawa ako ng function, nilagay ko nalang ay jehzlau, ehdi sa javascipt eto ang kalalabasan.

function jehzlau () {
//### Dito ang mga condition ng javascript }

Yan, tapos lagay mo sa loob yung condition mo sa function. First, dapat e define mo yung variable na gagamitin mo. So: var width tapos anong klaseng width, ehdi ganito na. var width = screen.width;

after nyan, ilalagay ko na yung condition ko na if screen with is lesser than this ganito ang mangyayari.

var width = screen.width;if (width<1024)location.replace('1/index.php');elselocation.replace('2/index.php');

yun nasa else, yun yung gagamitin mo na index pag ang resolution ay 1024 or higher than 1024. Tapos yung 1 at 2, yan yung folder na pinaglagyan ng image mo (for super duper newbie, hehe). Kaya pag ipag sama sama natin yung functions magiging ganito na:

function jehzlau(){ var width = screen.width;if (width<1024)location.replace('1/index.php');else style="color: rgb(51, 51, 0);">then lagay mo sa baba yun name ng function, para sa body, kaya magiging ganito na siya:

function jehzlau(){ var width = screen.width;if (width<1024)location.replace('1/index.php');else style="color: rgb(0, 0, 0);">Then, lagay mo sa body mo na. onLoad=”jehzlau();”, Para e execute niya yung function at e detect nya yung resolution mo, lalagyan ko pa to ng sample para makita niyo, para saka na kasi mahal na araw ngayon, at aalis na me, mag coclose na office eh. half day lang kami. Hehe… til next time. 🙂
P.S.: Don’t forget na ilagay mo sa loob ng script tags inside your header tags :), tapos kayo nalang mag indent ng script, sayang kasi space. For questions, leave me a comment. 🙂 Post ko nalang example pag maka lugar next week, or baka bukas. hehe. At edit ko nalang to, magulo kasi, walang code tag dito sa blogger. Amf! huhu

More from my site

  • Last Day at Savant Huhuhu, this would be my very last day here in Savant, bukas ng madaling araw nasa ADEC na me! waaaaaa!!Pano na to di na ako makaka internet everyday, bugbug ang trabaho ko doon sa […]
  • Worst Case Scenario Hay.. daming nangyari ngayong araw at last week. Na delete ang 5gigs account ko. yun lang ang katangi tanging php webhost ko. kainis talaga, kung kelan ko malapit na matapos ang […]
  • My First Google Cheque!!! Weeeeee!!! Ang saya! nakuha ko na rin sa wakas ang ina asam asam kong Gooooooogle Cheque! yipeeee! kanina lang dumating, kala ko sa August 5 pa, kasi 5 days after the end of this month, eh, biglang […]
  • W3C XHTML 1.0 Strict to 1.1 Whew! naging valid din ang page ko sa XHTML 1.0 Strict sa http://dostscholars.com/adec5 na web project ko sa ADEC, yey! Strict kaagad, di na ako dumaan ng Transitional. Dami palang bawal […]
  • Categories Heirarchy Know what? this update in phpbb really *****, It was a total mess, but I know it is also my fault, changing the file name of the templates, and reconfiguration of such scripts that I don't […]
  • The Blue Bird Makalipas ang ilang araw, yung blue bird na na mention sa baba ay walang magawa kundi lumipad ng lumipad, di nya alam kung san sya tutungo, iniwan na kasi sya ng pinaka mamahal nya sa […]

6 thoughts on “Jehzlau’s Resize Index Javascipt

  1. hehee.. ang gulo no? aayusin ko nalang yan pag balik ko, kainis din kasi walang code tags sa blogspot, gumugulo tuwing ini edit ko. waaaaaa

  2. tanung lang, may program ka ba na ginagamit sa web designing? eg. dreamweaver, adobe go live etc? kasi sabog na utak ko sa plain, raw, conventional, at manual coding eh.

    TT__TT

  3. aw… UltraEdit po gamit ko… hehehe… pero nagsimula din naman me sa ImageReady at Dreamweaver.. pero someday magsasawa ka din sa WYSIWYG software na yan.. gusto mo kasi ma overcome mga limitation nila.. kaya gagamit ka rin ng UltraEdit or Notepad… mas maganda Notepad++ compared sa notepad.. pero may prefer ko UltraEdit 32…

    tingnan mo dito sa site na to:

    https://www.ultraedit.com/

  4. wahaha uu nga,.>japboy:..hmm ayos naman mano2 lalo na if u really want to be a skillful webdeveloper,. pero kung sa bagay kung nalaman ko lang din na may mga ganyang software pala WYSIWYG n yan nung una,. cgro nagdepend dn ako jan,.hihi tamad din xe ako minsan eh hihih,.pro konti plang ksi knowldege ko sa webdevelopment html plang very simple ver4.0 ata un tnuro smin ang poor hihi obsolete n nga ibang tags eh hihi kya aral tuloy ako ulit bgong html, and ilang mga script nbbsa ko lang pero d ko pnagtutuunan ng time aralin,dmi gawa eh hihi..sa notepad lang kmi prenesent nun s html kaya un dun ako natuto,.taz huli n ng mlman ko mron pala mga gnung software,.hihih..ayos yan japboy wag pksabog utak mganda nga magmanual nlng db sir jhez? pra gmling kmi like you?hihi.. eh sir jehz tka nu p b pgkakakiba ng mga text editor?tma ba?hihi whtever..eh kasi notepad/textpad lang tlga lam ko na pdeng gwan ng html hihi..un lng xe mron dto sa comp. q..hihi ang poor kasi skul nmin d tlga kmi bngyan ng much knowldge 2ngkol sa mga gnyan,.kya pti mga mind namin poor…ahihi..woooo haba e noh parang nkiblog ndin ako dito ahihi…by the way sir jehz daniel 2 tnmad ako magsign in ahihi…

  5. notepad. notepad++, php edited, rapid php edited, zend studio, komodo, dami pa… pero for me ultraedit parin.. di ko pa na try yung iba eh.. yung notepad++ maganda din daw.. pero di ko like yung interface.. di masyadong maganda eh.. parang lumang software.. hehehe.. 🙂

Leave a Reply

Your email address will not be published. Required fields are marked *