Use the liquid engine tempting and jQuery to identify the Orientation Web site
Hello
I have a site that I'm at the point where I need the page layout to change when someone moves from the landscape to the portrait mode on a device table. I used jQuery to target the device when it is oriented however I have problems with loading the html code and code Liquid via jQuery on the page as my layout is constantly breaking.
Would appreciate some advice on how to go further.
I added the link to the web page with the error below and the actual html, jQuery and fluid code as well.
http://www.mnialive.com/beta/index3.html
{% assign euFeaturedVar = 314828 %}
{% euStoriesVar assign = 104043 %}
< div id = 'EU-section' class = ' article section row 1 ">
< / div >
< script >
.about $(window) ("orientationchange", function (event) {}
If (event.orientation == 'landscape') {}
$("div#eu-section.article-sections.row.1").html (")
< div id = 'EU-section' class = ' article section row 1 ">
< div class = "col-lg-12 title" >
View of landscape Europe < h2 > < / h2 >
< / div >
{% If globals.visitor.deviceClass is "desktop" or globals.visitor.deviceClass == 'compressed' %}}
{module_webapps id = render "14585" = "collection" collection = filter "euFeatured1" = "latestClassified" itemId = "{{euFeaturedVar}}" resultsPerPage '2' = sortType = 'Date' template =""}
{% for euFeatured1 in Articles limit: 1 %}}
{% If euFeatured1.counter == 1 %}
< div class = "col-md-6 col-lg-4" >
< div class = "lead 12-xs-col col-sm-12 col-lg-12 euStories-{{euFeatured1.counter}}" >
< a href = "{{euFeatured1.url}}" >
< img src = "{{euFeatured1.Images}}? "Action = thumbnail & width = 428 & height = 243 & Format = png & algorithm = fi ll_proportional" alt = "{{this.items [0].}}" ["Legend of the image]
']}} "class ="img-reagent">
< h3 > {{euFeatured1.name}} < h3 "/" >
< /a >
< / div >
{% endif %}
{% endfor %}
{% Comment %} <!-1 story featured EU-> {% endcomment %}}
{module_webapps id = render "14585" = "collection" collection = filter "euStories1" = "latestClassified" itemId = "{{euStoriesVar}}" resultsPerPage '5' = sortType = 'Date' template =""}
{% for euStories1 in items %}
{% If euStories1.counter == 2 or euStories1.counter is 3 or euStories1.counter == 4 %}
< div class = "col-md-12 col-lg-12 euStories-{{euStories1.counter}}" >
< div class = "col-xs-3 col-sm-3 col-md-2 col-lg-3 pd7" >
< img src = "{{euStories1.Images}}? Action = thumbnail & width = 81 & height = 81 & Format = png & algorithm = proportional fill_"alt =" {{this.items [0].}} " "{{[" Caption of the image ""]}}. class = 'img-sensitive' >
< / div >
< div class = "col-xs-9 9-sm-col col-md-10 col-lg-9 pdr0" >
< a href = "{{euStories1.url}}" >
< p > {{euStories1.name | truncate: 125}} < /p >
< /a >
< / div >
< / div >
{% If euStories1.counter is 4 %}
< / div >
{% endif %}
{% endif %}
{% endfor %}
{% Comment %} <!-1 story EU section-> {% endcomment %}}
{module_webapps id = render "14585" = "collection" collection = filter "euFeatured2" = "latestClassified" itemId = "{{euFeaturedVar}}" resultsPerPage '2' = sortType = 'Date' template =""}
{% for euFeatured2 in Articles limit: 2 offset: 1 %}}
{% If euFeatured2.counter == 2 %}
< div class = "xs hidden hidden-sm col-md-6 col-lg-4" >
< div class = "lead" col-lg-12 euStories-{{euFeatured2.counter}} >
< a href = "{{euFeatured2.url}}" >
< img src = "{{euFeatured2.Images}}? "Action = thumbnail & width = 428 & height = 243 & Format = png & algorithm = fi ll_proportional" alt = "{{this.items [0].}}" {{["Class of image Caption"]}} ' = "img-reagent" >
< h3 > {{euFeatured2.name}} < / h3 >
< /a >
< / div >
{% endif %}
{% endfor %}
{% Comment %} <!-2nd story EU star-> {% endcomment %}}
{module_webapps id = render "14585" = "collection" collection = filter "euStories2" = "latestClassified" itemId = "{{euStoriesVar}}" resultsPerPage '9' = sortType = 'Date' template =""}
{% for euStories2 in items %}
{% If euStories2.counter is 6 or euStories2.counter is 7 or euStories2.counter == 8 %}
< div class = "col-md-12 col-lg-12 euStories-{{euStories2.counter}}" >
< div class = "col-xs-3 col-sm-3 col-md-2 col-lg-3 pd7" >
< img src = "{{euStories2.Images}}? Action = thumbnail & width = 81 & height = 81 & Format = png & algorithm = proportional fill_"alt =" {{this.items [0].}} " "{{[" Caption of the image ""]}}. class = 'img-sensitive' >
< / div >
< div class = "col-xs-9 9-sm-col col-md-10 col-lg-9 pdr0" >
< a href = "{{euStories2.url}}" >
< p > {{euStories2.name | truncate: 125}} < /p >
< /a >
< / div >
< / div >
{% If euStories2.counter is 8 %}
< / div >
{% endif %}
{% endif %}
{% endfor %}
{% Comment %} <!-2nd story EU section-> {% endcomment %}}
{% endif %}
{% If globals.visitor.deviceClass is 'Office' %}
< div class = "col-lg-4 hidden-xs of hidden-sm-md hidden" >
< div class = "section-banners" >
{module_adrotator adRotatorId = '7557'}
< / div >
< / div >
{% endif %}
< div class = "stories of other collar-xs-12 col-sm-12 pd30" >
< p > < a href = "#" > more < span class = "glyphicon glyphicon-play-circle" aria-hidden = "true" > < / span > < /a >
< /p >
< / div >
< / div >
");
};
});
You can also manually force this event to fire.
$(window) .orientationchange ();
< /script >
Thanks in advance.
It's really a bit OTT.
First, you must use media questions:
INTERFACE design: Application CSS based on the Orientation of the screen
There are a few bits, you'll need to do:
The application of media guidance - QuirksBlog
And if you need javascript on orientation change - change of orientation Detect mobile device with jQuery | PJ McCormick
Liquid is server side, javascript client-side that you can not set liquid with javascript.
Tags: Business Catalyst
Similar Questions
-
Yesterday I foolishly signed up for Adobe Stock and now want to cancel, I realize now there a few photo galleries in my primary area of focus, but I want to keep my subscription CC Adobe. It is using the Adobe website, adobe does everything possible to stop people making this request. I go around and on the menus contact, and Adobe "grouped" cancellation of Stock and CC to discourage the disconnection. I'm trying to find how to cancel ACTIONS without cancel CC. Please notify. Thank you.
LAN Sluder
Locked thread - double thread
How keep CC but Cancel Stock that I have stupidly just signed?
-
I recently started to get this message when I try to do exercises on the site Doulingo. The site loads up to the time when I hit enter to begin an exercise then I get the exact massage indicated above to the upper left of the Safari screen, same thing happens with Chrome. It only happens on this site and only when you ask for an exercise.
I tried all the usual suggestions: compensation historic site and the data, a complete reset of the iPad reboots, stops. So far, nothing works.
I use a mini iPad 1st Gen with iOS 9.2.1.
In my house I also got an iMac and iPad 4 and do not have this problem with these devices, it seems specific to iPad mini.
I have the Doulingo app and it works, but does not offer the same functionalty than the Web site.
Hi FrenchApples,
Thank you for using communities Support from Apple! I'm sorry to hear you're having such problems with Safari on your iPad. If you continue to have problems with this specific site, you can find the troubleshooting steps in the following article useful:
If Safari does not load a page or a page Web elements are missing - Apple Support
Concerning
-
Original title: WINDOWS license
Hello everyone.
Ive broke my PAvilion G6 core i5 laptop and now I'm going to change the internal hard drive. How can I use my old license of Windows 7. On the MIcrosoft Web site, when I put my product key, they say this license is already in use and I must ask the manufactor PC.
I thank in advance for which will help me!
Hello
Or you can also borrow the same exact retail edition DVD of Windows 7 and use your product key to reinstall.
The COA sticker with the product key is either or in the battery compartment on the underside of the laptop.
With a desktop computer, it's on the side, the back or the top of the computer case.
If you have problems with Activation:
If it does require phone activation, do not follow Demand of Auto, but brace yourself for a real person explain as to what has been done for purposes of re-setup
"How to activate Windows 7 by phone '
http://www.SevenForums.com/tutorials/18715-activate-Windows-7-phone.html
The above method also requires that you go to your computer manufacturer's website > Support and downloads Section > locate your model number and operating system > then download and install the latest drivers for it.
See you soon.
-
My computer crashed and after the purchase of another, I used the Migration Wizard to copy all the files to the new computer. Everything was going well until I tried to launch LR6. It was two weeks ago and a search for many pages of the Adobe Web site. I think I've exhausted all the remedies listed without success codes error A12E5 to questions cloud creative, Manager of Application and error 1: Configuration problems. I'm ready to reformat my computer and try again with Time Machine. Help would be greatly appreciated before I waste more time on this task. Any further suggestions?
Migration of Mac with Time Machine WILL NOT WORK with the Adobe program activations due to hidden registration files
Sign out of your account... Uninstall... to run vacuuming...
-non-Cloud programs, to disable the service before uninstalling
-http://helpx.adobe.com/creative-cloud/help/install-apps.html (and uninstall)
-using the vacuuming after uninstalling and before reinstalling is often necessary
-https://helpx.adobe.com/creative-suite/kb/cs5-cleaner-tool-installation-problems.html
-Restart your computer... Sign in to your account... Reinstall
-
I saved my adobe files temporarily muse in my computer when I restart my PC I see not the mt files, please tell me how to recover my files and how to record my entire Web site file using save option.
When you talk about 'temporarily' as record files in the temporary folder and then by restarting the machine will lose files. You can save the file in any location stored as reader or office and then reopen the case should show all of the content without any loss.
If the files are deleted or lost there's no way to recover those, sorry if this is the case.
Thank you
Sanjit
-
Can I hire the CC Adobe as a person and use it in a business without generating any legal problems for the company? I'm in the Brazil and the Adobe Web site, that I have not found that everything related to the legislation, they apply in this country on this issue.
single user licenses allow you to use the adobe corporate programs and allow to sell the products that you create using adobe programs.
-
I am owner of acrobat 9 pro and he had to re - download the program from a computer problem but when I get the code of the adobe Web site gives me error invalid serial code. I use copy / paste to prevent Miss typing the code.
Hi Laurent,.
Please try the steps listed in the KB: https://helpx.adobe.com/creative-suite/kb/error-invalid-serial-number-acrobat.html
Kind regards
Rave
-
Could not open the MS Sites
My machine works all the microsoft Web sites. Formatted several times and doing a new installation, I can access the site for a few minutes, after a while, it displays a virtual memory and the next stage i cannot access sites MS. no software or installed applications. cool, but I can not go to Sites Ms. other Web sites, I can access. Also tried to change the memory... no luck, I've seen other sites asking to change the settings of the modem or dial the ISP, but my 2nd computer work well on the same network, took my computer to the office network and found that the same problem exists... could someone help me please...Hello
Please let me know if:
1. you are able to access other Web sites, or the question appear with only Microsoft based sites?
All other websites work well. problem only in trying to gain access to www.microsoft.com
2. What is the operating system that is installed?
Windows XP Pro.
3. are you aware of the physical RAM installed?
1 GB
4 and it meets the minimum requirements of the browser you are using?
For the past 2 years my laptop works fine with the same hardware configuration. It stops working suddenly MS websites. I did not have all the hardware changes.
Provide answers to the following questions.
a. also mention the name of the operating system that you use.
Windows XP Pro
(b) is there an error message that is displayed when the site no longer works?
trying to access the page from www.microsoft.com when rises, it is 'Impossible to view the Page.
c. What is the browser you are using?
Tried it on IE, mozilla and chrome.
I tried to change the size of the memory virtual and also changed to the size of the managed system.
formatted and installed xp pro with sp3 and I also tried formatting and install from different cd with xp and sp2. It works for 3 or 4 minute MS sites and the message immedly appears low virtual memory and it stops working MS sites.
tried to change the physical memory.
Tried with different browsers.
at the top does not a little luck. :(
Method 1: Please visit the following link to change the size of virtual memory
Change the size of virtual memory
http://Windows.Microsoft.com/en-us/Windows-Vista/change-the-size-of-virtual-memory
Method 2:
See the following links
http://support.Microsoft.com/kb/967897
WARNING: Reset Internet Explorer settings can reset security settings or privacy settings that you have added to the list of Trusted Sites. Reset the Internet Explorer settings can also reset parental control settings. We recommend that you note these sites before you use the reset Internet Explorer settings
-
After format and install Win XP Home and SP3 why can't open the Microsoft web sites?
Need help, guys
I had to replace my HARD drive in my computer. I installed my Windows XP Home SP2 disc. After installation, I used my SP3 upgrade drive and my drive to upgrade to IE8. After you install all my drivers, I tried to get Windows dates and discovered that I could not access the Microsoft web sites. I get Internet Explorer cannot display this page. I tried to find out why this is happening and how to correct the situation, but have not found an answer that works yet. Can someone give me an answer to this question.
I have another (used) computer that I formatted the HDD installed and on Windows 7 and have had no problems to access the Microsoft web sites on. It uses the same modem cable like the other computer so I guess that everything is ok with my Internet connection. This problem seems to be only with Windows XP Home SP 3.
Think in advance for any help
Btk (billy the kid)
Please do not share in the whole "BOLD". Which makes it hard to read!
Please check that SP3 is installed:Start | RunType:winverPress OK.Also, tell us what you mean by "trying to get Windows dates" since there are two ways to do this! -
original title: At & t uverse internet
Use internet AT & T Uverse, their diagnosis happens every time I go online for the first 3 sites until I run their diagnosis, and then traverse the requested Web site. The diagnosis can never find anything. Works great after that. Is something my tracking sites and interrupt my process?Hi Chelsea,
· When you get the run diagnostics?
· Do you get this message in the browser or is it a popup on the computer?
It would probably be best for you to contact uverse support to see why this is happening.
-
My laptop does not start at the top. It indicates that the following file is missing or damaged WINDOWS\SYSTEM32\CONFIG\SYSTEM.
Download this file from the Microsoft Web site. I put the XP CD in and it starts downloading files but it asks what windows installation I want to and don't gives me one option other than press "Enter" to abandon.
See if anything here helps-
How to recover a corrupted registry that prevents Windows XP startup
http://support.Microsoft.com/kb/307545Install and use the Recovery Console in Windows XP
http://support.Microsoft.com/kb/307654See also
How to Troubleshoot Registry Corruption issues
http://support.Microsoft.com/kb/822705How to fix a missing or corrupt Windows\System32\Config\System file
http://xphelpandsupport.MVPs.org/how_do_i_repair_a_missing_or_cor1.htmTaurArian [MVP] 2005-2010 - Update Services
-
Running Windows 7 home Premiun 64 x. Click to open the program the message pop up "Windows Media Player is not installed correctly and must be reinstalled. You want to install the Player from the Microsoft Web site? "that it takes to the site and there is no available media player Windows 7, installed WMP 11 does not work either. Tried to turn on and back on... did not work
Do you remember the last time that your Media Player worked properly? You can use the system restore (type it in the start menu to find) to go back on this point. This restoration takes about 2 minutes and will not affect your files - no matter how far you go. It simply restores your system files and settings.
-
I'm working on PC. Using Adobe Muse how do I make design changes to a Web Site previously designed and published
You cannot edit HTML with Muse. You are looking in the wrong place. You must re-create using the tools of Muse or change elsewhere.
Mylenium
-
I'll put up a new Macbook Pro the retina, bought this week, and try to install the copy of LR 6 I bought in September 2015. It is currently loaded on my old Macbook Pro. I understand that my license allows me to install this on two machines; This is particularly important now that I move from an old machine to a new one.
I downloaded the complete file of the LR6, but when I try to install, I get "update serial number: serial number you provided is valid, but calling it a product was not found on this computer."
I gave the serial number under my account on the Adobe website and delivered when I bought LR 6 September 2015.
It is said to "Select a product", but only gives me options of Lightroom 1-5, not 6. My new LR 6 license is useless just 6 months after purchase?
I opted to buy 6 LR on perpetual license rather than a subscription monthly CC, as my country's currency is devaluing rapidly and I need to be able to afford access. But now Adobe does not seem to recognize the validity of the copy that I own. In fact, it is difficult to find a reference to LR 6 on the Adobe web site.
Can anyone help?
Thank you
It shows the message you have purchased an upgrade license, and it asks you to select the older version that you upgraded and provide older version serial number as proof that you are eligible to use the upgrade.
Error "this serial number is not for a product calling it" | CS6, CS5.5, CS5
http://helpx.Adobe.com/Creative-Suite/KB/error-serial-number-qualifying-product.html
Maybe you are looking for
-
I am looking to buy an Imac used/given to nine. I want so he could be around for a while if only used for purposes of research later (the kid get down). I do mostly internet research Maybe watching movies I do not have photoshop but like to do simple
-
Google playing music for 6 months?
I was charged today for my Google playing music, I've been a user since its release. Does anyone know how to redeem the free to play music Google half? Its listed on the site but there is no information on what I can find from Motorola.
-
can I insert a landscape page into a document of portrait?
The majority of my document pages is portrait orientation, however I have a few pages that should be landscape orientation. Insert/create a page of landscape in a portrait using pages document? If so, how? Thank you!
-
Player Windows Media won't play byte streams as files are damaged or corrupted
which is a byte stream because my media player won't play it say files are damaged or corrupt
-
When you try to play island thunder Ghost Recon, I get the message that an error has caused that caused the blocking of the work programme. I can't find the cause of the error or any information about the problem. He stopped working at the same time,