Javascript error on mobile view - javascript

I got a strange problem on my site taikuri Kim Wist on mobile view. I don't know if the problem is on Apple devices, but with Samsung and Android devices it is definitely there.
When typing the root domain address, the page wont load and keeps jumping back and fort. Furthermore it jumps directly to another page on my site which is an inner page.
There is on line 109 of the index page a javascript file js/script.js
If I remove this script, the problem goes away, but the script is needed to operate the middle (stellar) section of the page. I have not modified the script.js file in any way and there was no problem one week ago. I made a new footer to my page, but it should not generate an error like this.
If anyone knows why this occurs I would be very grateful.

I was able eventually to find the error, which was inside script.js file.
I commented out //window.location.href = $(this).attr("href"); on line 85.
This solved the problem and the page is now displaying correctly on Android devices.

Related

Google App Script Warning

I have created an app script using user account 1 and used the script on a Google site. When I view the site using user account 2 , I receive a warning message which can be dismissed.
I have made a copy of the same script on the same site, however there is no option to dismiss this script. I would like to know what would cause this problem as the new script is an exact copy of the old script.
Copy Script http://i.stack.imgur.com/R151l.jpg
Original Script http://i.stack.imgur.com/FIyhm.jpg
If you mean the warning DOES NOT APPEAR then it doesn't show up if you're logged in as the owner of this script (app).
If you made the copy from account2 and are viewing it from the same then you won't see it.
I have installed Chrome on iPhone 4 and script 1 does not work when I use the following lines to call my html page, however the same script works with Chrome installed on Android and PC.
Script1:
output.setSandboxMode(HtmlService.SandboxMode.NATIVE);
However, when I use the following code, it works.
Script 2:
output.setSandboxMode(HtmlService.SandboxMode.IFRAME);
Now, the problem with script 1 is that I get a warning which is dismissable (This application is created by another user.), with script 2 I cannot dismiss the warning. That is why I want to use script 1 universally.
Will someone help me know how can I make script 1 work on Chrome for iOS?

CSS and JS fail when upgrade made to Drupal site

I've run into an issue that crops up when I make a change to a Drupal site - www.productworld.com
This is how the problem crops up:
Make a change to site, e.g. add javascript tracking code or adding a new static webpage.
When NOT logged in as admin (viewing the site as a regular visitor), the homepage is now screwed up. It appears that the CSS and JavaScript for the homepage aren't loaded. When logged in as an admin, I see a cached version of the site, looking as it should. I use two separate browsers to confirm the problem - one where I'm logged in as Drupal admin in Chrome, and two where I view the site in Firefox as a non-logged in site visitor.
Here's some screenshots of what the site looks like when the problem crops up:
http://imgur.com/xs3hF
http://imgur.com/wMBVq
http://imgur.com/Gksb9
http://imgur.com/eZPTE
Note: the company images that you see (iWatt, Roal, Assa Abloy etc) should be in a nodequeue (a jQuery image slideshow), but instead they appear one after the other. The blue box with the gold call to action appears way down the page. This is what leads me to believe that the CSS and JS isn't loading.
3.Clearing the Drupal cache fixes the issue.
It's obviously highly undesirable to have a site that gets screwed up everytime a simple change is made to it.
If anyone has run into a similar issue, please let me know.
Thanks.
When you make changes to the site with caching enabled it will cause problems. This is because it will be using some cached copies of earlier files.
I tend to make changes to a development version of the site, then roll them out to the live site and clear the cache.

Jquery mobile loads correctly in Firefox, but not Chrome or Safari

I created a mobile site in html and jquery, but it is not loading properly in Chrome (or on an iphone). There is no backend to the site - all changes to content would happen right through editing the html. Inside of my html, I made no specific reference to ajax. And, each page links through "#pageid. The problem is that as I navigate the site, various pages do not display correctly unless I hit "refresh." URL is mobile.shorelinelake.com. I am VERY new to this, so please be patient with a newbie :) Thanks for any help!
http://mobile.shorelinelake.com (if you click through to "Lake" and then "Sailing," or "Cafe" to "Menu," you can see the problem - the page jumps after loading, cuts off the header, places content below the footer, or will entirely hide jquery elements...)
One thing I noticed right away is that your using an old version of Jquery and Jquery Mobile. There have been alot of improvements since the alpha that you are using. Also you are linking to a few files that aren't there. Phonegap.js and ajax-loader.gif for some reason are not found. In my console I see 196 warnings that I believe are all related to you using old versions.
Also you have 31 html errors. One example is here
line 88:
<a href="tel:16509657474" div data-role="button" data-theme="c" class="ui-btn-text">
You have alot of stranded </p> tags. Most of them are in the menu page. Fixing these errors is necessary to troubleshoot your problem. Try running your document through an html5 validator to find these mistakes.
I also recommend breaking this into smaller pieces. Here is my reasoning:
Easier to maintain and edit.
Keep the dom size reasonable. Jquery will remove the old pages from the dom keeping it very manageable.
Faster page loading resulting in a better user experience. Your user will probably not be going to each page. Only load what they need to see.
Bandwidth could be costing your user extra money on a mobile device.

Whitescreen issue in IE9 - Removing iframe

I"m wondering if anyone can give me some insight into a really strange IE9 issue I've been struggling with.
I'm finishing up production of a site for work - it works well in ff/chrome/ie7/ie8 with no script errors.
On IE9 the last step of the application causes the entire tab to whitescreen with no script errors or warnings. (changing the document mode to ie8 will fix the problem but is obviously unsuitable for production)
Unfortunately the site pretty complex with a ton of ajax, and in-page scripts so I can't really post the relevant code easily. I'm more trying to figure out how to diagnose this.
I've checked the IE error logs and they are empty. Web developer tools tells me nothing. The site is not using any plugins (Flash/Silverlight, Ect. ) just javascript w/jQuery.
There is a PDF being displayed in an iframe around the step where it fails - but a nearly identical pdf is displayed in the previous step (using the same method) without problem. The code fails around a call to the jquery UI window but I can't seem to get the exact line.
If anyone has a clue how to try to diagnose this further I'd really appreciate it. I can keep hunting for the bug but I've never seen this kind of behavior before and just am not sure what I am looking for.
Thanks for all the input on this. Sorry I got completely overwhelmed by a few projects at once so I wasn't able to post updates on the debugging steps.
It took forever but I finally realized that everything was crashing when I closed the dialog containing the first PDF.
One of my helper functions was opening the dialog and automatically destroying the contents on close. Normally this works fine as I'm either removing a div containing the page fragment, or the iframe.
In this situation I had a page fragment loaded into the dialog which contained some buttons and the pdf iframe. I called the .remove() method on the parent element containing the iframe rather than the iframe itself. For some reason this seems to work fine in every other browser - but in IE9 it pretty much kills the page rendering without any warning or message.
I strongly suspect that the culprit is the adobe plugin but I'm not entirely sure.
Here is the fix-
Html:
<div id="container">
<iframe src="loremipsum.pdf"></iframe>
</div>
Javascript:
//Ruins my entire week
$("#container").remove();
//Works as the pdf is removed directly
$("#container").find("iframe").remove().end().remove();
I ran into the same issue on IE11 while trying to remove an iframe in a div with AngularJS. Removing the iframe first would just cause the same issue, so I navigated the iframe src to a new page (about:blank) first, then removed the div which worked. Hopefully this helps someone with a similar problem.
Pseudo-code below:
$ctrl.iframeUrl = 'about:blank'; // change the iframe url here
$timeout(function(){
$ctrl.removeIframe(); // remove the iframe here
});
As a thing to try - see what's in the IE9 DOM viewer after it whitescreens. There's a decent chance that most of the stuff is there and just not rendering properly (or having something else rendered over it). At the very least, knowing whether it's losing a ton of stuff out of the DOM or not should give you some useful data.

White flash appears in Chrome when loading a dead simple Google Maps "Hello, World" page

I see a white flash in Google Chrome when I load the following very basic "Hello, World" program:
http://mobdealio.com/124
It's a single index.html file.
The white flash only appears when the page is loaded in a brand new Chrome tab or window. If you reload the page a second time in the same tab or window, the problem flash doesn't appear.
This should be a comment, but I can't add a comment at my current level on StackOverflow.
It seems that this is a recent bug with Google Chrome. I'm getting the same behavior using Chrome on Win7. I can stop the behavior from happening by disabling the adding of markers to my map in my code. Simply commenting out
new google.maps.Marker({
position: new google.maps.LatLng(e.lat, e.lng),
map: map
});
"Fixes" my issue (white flash goes away). Unfortunately I can't do this because I need my map to display markers!
The issue doesn't occur after the page content is already cached, and doesn't occur in Firefox at all.
You're probably seeing a "flash", because the files (html and js) haven't been cached yet. When you reload your page, the page is retrieved from the cache, hence no "flash".
I don't see a flash when visiting your site, because I've got a fast internet connection, and an empty cache, in a live session in RAM (Linux).
I am currently doing some webdevelopment, and i had the same thing happening on my own site.
After milions of error checking i finaly got these flashes.
This is javascript related, and is a design flaw, i moved part of my javascript from the header to the functions.php, right after the css style, this fixed the problem for now, ive try'd everything it did not work.
It also could be a Chrome bug, i am checking my site over and over again, for mistakes.
For weeks now, never have i seen these flashes untill last night.
But it is fixed and i am happy so..
Good luck.

Categories

Resources