Mobile text inputs reload the page on “focus” - web

I have a site with form fields that work well on desktop, the problem comes in mobile view. When I click on the form fields the page reloads, What could be the issue?

I suggest you look for the culprit javascript code that may be reloading you're page when the screen resizes.

It appears I had a script that automatically reloaded pages on screen resize, so if you experience such a problem, use developer tools to know what script is affecting the said page, go through it to find the culprit.
Regards.

Related

How to simulate a page opened in Wechat?

I am working on a webpage and it works fine on Safari on iPhone. However, when the page is opened in WeChat (opened by clicking a link in chat), it has some problems.
Because the problems only exist in WeChat, I was wondering is there a way to simulate the WeChat so that I can debug it?
Otherwise I can only make some changes in code, then deploy, then view it in WeChat, which is very inefficient.
Based on comment, I provide the actual problem here:
I'm using Slick in my page. In WeChat, when I swipe slides, there is obvious lagging.
Thank you!
You can use wxdebugeer tool provided by wechat for debugging.
Link : Wechat tool
Whatever the problem related to webpage development for wechat can be tested using this.

MODX Manager appears as a blank page after login

I've got a site thats been up for over a year. Today, however, I tried to login to the dashboard today and was presented with a blank screen.
The login form appeared fine, but just redirected to a blank page.
I've cleaned the cache manually and toggled the News and Security feeds and the css and js compress options via the database to no effect.
Would anyone know what I can do?
Thanks
Not a proper answer, but I reinstalled and it fixed it.

How is the panel displayed when launching Chrome Hangout extension made to be always on top and pinned?

When launching the Chrome Extension Google-Hangouts, a panel initially appears that lists members and a link/button to create a new Hangout.
This panel is initially pinned to the bottom right of the browser window. When pinned like this, it remains always on top as a browser navigation session continues: users can go to different URLs, change tabs, etc. and that panel stays at the bottom right and stays on top of all other windows (or at least on top of the main browser window).
Once it's unpinned, you can drag it around the window, but it no longer stays always on top.
My question is, how was that achieved - what code, or what functions, do i need to call to create that window/panel so that it stays initially pinned and always on top? Is there some binding to some native code that's involved? Some other approach?
If anyone know and can show or explain, i would be hugely grateful as this feature is key to an extension i'm trying to build.
Thanks a lot!
This may not be an answer but to get a clue of what is happening I extracted the crx file to view its content there are a few OS specific files : ace.dll , libace.so and ace. After researching a bit i found this. This is a plugin. Hangouts extension is using ace plugin which is actually running on your desktop(i'm not sure about this). You can check this article
I found this related post: How to build an chrome extension like Google Hangouts
ACE is actually not what makes the window, Chrome has that capability built in, apparently. Even if you don't enable panels, extensions from Google can still make them, provided your OS is capable.

How to remove IE toolbar and menu bar

We have a asp.net web application which will be used in an intranet environment on IE 6. We want to change the default configuration of the browser so that it's always rendered without the Tool Bars, Menu Bars and Address Bar, just the browser window frame and the status bar should be present.
We were looking at the IEAK toolkit for IE6 but it doesn't seem to have the option of turning all this off though you can turn off certain menus and toolbar options.
Any ideas of how this can be done, is there a group policy setting or something that we can utilize here to get this done?
Thanks for your help.
You have to handle the showing of toolbars, address bar,... before the page is loaded, because it's built client side.
So to solve your problem, I think you should write the first page (Enter page for example) Then when use click on the Enter link you open another page using VBScript or Javascript to remove toolbars, address bar,...
Hope this helps ^^
Have you investigated Kiosk Mode?
Also, you're deploying IE6 at the wrong end of its lifecycle.
It also sounds like your requirement is for an app you're developing; mandating that the browser is configured this way for all sites might make the customers unhappy. If you want to know how to open a browser window without those things for your site, from your site, I'd suggest a repost to StackOverflow.

Dreamweaver CS4 - How do you preview in Browser?

I'm new to Dreamweaver CS4 and making my first website. I've watched a lot of tutorials and they all just click the Preview in Browser button and they can see what their page looks like in Firefox/IE/etc.
But when I click Preview in Browser a new Firefox window opens up and it goes to my homepage and that's it.
What do I need to setup in order be able to preview in firefox?
THANKS!
I don't use Dreamweaver, although I have it as part of CS4. But I just now opened up the app, created a test HTML page, saved it, and hit F12 (Preview in Browser). And there was my test page. I honestly don't know what you could be doing wrong. I thought it might be that you didn't save your file, but you get a warning dialog if you try to preview without doing that.
After some playing around I fixed the problem myself.
First I had to go to manage site and edit the basic preferences on my website.
I had to make sure the 'URL to browse to the root of your site" is valid.
In my case it I had to add:
file:///C:/Documents%20and%20Settings/Linda/My%20Documents/website1/

Resources