Forums / Setup & design / Fixed / Dynamic Width - How To ...

Fixed / Dynamic Width - How To ...

« 
Previous topic
|
Setup & design
|
Next topic
 »
Author Message

Luis M

Thursday 25 January 2007 8:26:40 am

Hi,

I this site, ez.no, in the top-right, near the flags, exists an option: ">> Fixed width" or toggle it to "Dynamic width", how can we do it ? is it an ajax code or a "standard" way ?

Thanks,

Luis

Claudia Kosny

Sunday 28 January 2007 1:05:07 pm

Hi Luis

On the ez.no webpage there seems to be an javascript that changes some class and style information for some elements in the webpage. You don't need any ajax as you do not make a request to the server, you just change the css.
Something similar is described here: http://alistapart.com/comments/switchymclayout/ , but please read also the discussion for this article as the approach described there is far from being perfect. Still - it should give you an idea on how to tackle this problem. Of course you can always have a look at the javascript and css used on the ez.no site (be careful not to violate any copyrights though).

Claudia

eZ debug

Timing: Jan 19 2025 00:10:15
Script start
Timing: Jan 19 2025 00:10:15
Module start 'content'
Timing: Jan 19 2025 00:10:15
Module end 'content'
Timing: Jan 19 2025 00:10:15
Script end

Main resources:

Total runtime0.2646 sec
Peak memory usage2,048.0000 KB
Database Queries141

Timing points:

CheckpointStart (sec)Duration (sec)Memory at start (KB)Memory used (KB)
Script start 0.00000.0071 587.7109180.8359
Module start 'content' 0.00710.0080 768.546993.7734
Module end 'content' 0.01510.2494 862.3203521.9531
Script end 0.2645  1,384.2734 

Time accumulators:

 Accumulator Duration (sec) Duration (%) Count Average (sec)
Ini load
Load cache0.00361.3663200.0002
Check MTime0.00130.5068200.0001
Mysql Total
Database connection0.00060.238810.0006
Mysqli_queries0.205377.60171410.0015
Looping result0.00190.72151390.0000
Template Total0.249094.110.2490
Template load0.00080.299010.0008
Template processing0.248293.806910.2482
Override
Cache load0.00050.203710.0005
Sytem overhead
Fetch class attribute can translate value0.00080.296610.0008
XML
Image XML parsing0.00020.078210.0002
General
dbfile0.00572.1386200.0003
String conversion0.00000.002630.0000
Note: percentages do not add up to 100% because some accumulators overlap

CSS/JS files loaded with "ezjscPacker" during request:

CacheTypePacklevelSourceFiles
CSS0extension/community/design/community/stylesheets/ext/jquery.autocomplete.css
extension/community_design/design/suncana/stylesheets/scrollbars.css
extension/community_design/design/suncana/stylesheets/tabs.css
extension/community_design/design/suncana/stylesheets/roadmap.css
extension/community_design/design/suncana/stylesheets/content.css
extension/community_design/design/suncana/stylesheets/star-rating.css
extension/community_design/design/suncana/stylesheets/syntax_and_custom_tags.css
extension/community_design/design/suncana/stylesheets/buttons.css
extension/community_design/design/suncana/stylesheets/tweetbox.css
extension/community_design/design/suncana/stylesheets/jquery.fancybox-1.3.4.css
extension/bcsmoothgallery/design/standard/stylesheets/magnific-popup.css
extension/sevenx/design/simple/stylesheets/star_rating.css
extension/sevenx/design/simple/stylesheets/libs/fontawesome/css/all.min.css
extension/sevenx/design/simple/stylesheets/main.v02.css
extension/sevenx/design/simple/stylesheets/main.v02.res.css
JS0extension/ezjscore/design/standard/lib/yui/3.17.2/build/yui/yui-min.js
extension/ezjscore/design/standard/javascript/jquery-3.7.0.min.js
extension/community_design/design/suncana/javascript/jquery.ui.core.min.js
extension/community_design/design/suncana/javascript/jquery.ui.widget.min.js
extension/community_design/design/suncana/javascript/jquery.easing.1.3.js
extension/community_design/design/suncana/javascript/jquery.ui.tabs.js
extension/community_design/design/suncana/javascript/jquery.hoverIntent.min.js
extension/community_design/design/suncana/javascript/jquery.popmenu.js
extension/community_design/design/suncana/javascript/jScrollPane.js
extension/community_design/design/suncana/javascript/jquery.mousewheel.js
extension/community_design/design/suncana/javascript/jquery.cycle.all.js
extension/sevenx/design/simple/javascript/jquery.scrollTo.js
extension/community_design/design/suncana/javascript/jquery.cookie.js
extension/community_design/design/suncana/javascript/ezstarrating_jquery.js
extension/community_design/design/suncana/javascript/jquery.initboxes.js
extension/community_design/design/suncana/javascript/app.js
extension/community_design/design/suncana/javascript/twitterwidget.js
extension/community_design/design/suncana/javascript/community.js
extension/community_design/design/suncana/javascript/roadmap.js
extension/community_design/design/suncana/javascript/ez.js
extension/community_design/design/suncana/javascript/ezshareevents.js
extension/sevenx/design/simple/javascript/main.js

Templates used to render the page:

UsageRequested templateTemplateTemplate loadedEditOverride
1pagelayout.tpl<No override>extension/sevenx/design/simple/templates/pagelayout.tplEdit templateOverride template
 Number of times templates used: 1
 Number of unique templates used: 1

Time used to render debug report: 0.0001 secs