I have a link that when clicked it opens up a pop up window. However, this window has a dramatic size change in different browsers, from way to small, to extremely large...
how can I make this pop up window have a similar size in all browsers...currently I have it set at 500 x 200.
I have this line in an XHTML form:
Code:
<input type="reset" name="cancel" value="Cancel"
onclick="javascript:window.location.href('/index.php');" />
In IE5.5 clicking the cancel button loads the index.php page fine.
In Firefox 1.0 & also the version of IE running on my IPAQ it doesn't work - clicking the button doesn't do anything.
Anyone have any ideas or alternative solutions?
I thought maybe I was using an IE only thing but it is a version of IE on the IPAQ. I thought maybe it was not standards compliant but I haven't found anyone having a similar problem.
Any idea or advice?
TIA, BG.
PS Ignore that I am using a reset button to do this - I have also tried it in the body tag like this:
Code:
<body onload="javascript:alert('Login Successfull!
You are logged into my app');window.location.href('/myapp/index.php');">
http://www.dynamicdrive.com/dynamicindex4/thumbnail2.htm
I intend on using this gallery viewer on my site.
Is it possible to make it so that image that is displayed in the div is limited to certain dimensions.. say 100 by 100px. If an image that is displayed is above the limit, the excess is simply just out of view..
I dunno how this would be possible maybe by a use of some sort of mask, i normally code inflash im not sure if taht is possible with divs in html. Or maybe you can limit the size in the js file, if your allowed to.
Why this code is not working on Webkit browsers:
Only jquery and the plugin printed above are loaded, so there shouldn't be any conflicts.
HTML:
Chrome gives the following error: Uncaught TypeError: Object #<an Object> has no method 'followUser
Anyone know a jquery plugin I can use for a horizontal scrolling image carousel with different size images. I Iike the plug in here as my client will be easily able to put new content using a simple text file. The problem is that the images will be the same height but different width so I get ugly spaces between narrow images. Is there a plug in that solves this or is there a way to manipulate the css for each image so as to adapt the width of the div ? I can add the height and width properties of the images themselves to the text file and that works up to a point , but the images display at their correct size but the carousel stops working.
View 1 Replies View RelatedIf the user has not entered data in a textbox I display a message in the textbox in italics.After the user has entered a message their message is then stored in normal textstyle.I am noticing that the textbox changes length when the fontstyle changes. Is there a way to prevent this from happening?
View 1 Replies View RelatedI have two separate questions. One being, how would I go about having the container resizing itself for different image sizes. So that surrounding elements can conform to it's size?
Also, is there a way to align the images in a slide shows so that it is always horizontally and vertically centered in the slideshow?
I am working on a plugin and have a test page setup here...to test bigSIZE click the 'BIG' button first, then mouse over the colored boxes. It works fine if all the boxes are the same size...the problem comes when you change the box sizes (I added the form to change the sizes for testing). For example if 3 boxes are 100x100 and one is 25x25 the 100 boxes will still work but the 25 will not.
Also, if the mouse leaves the box during the grow animation it will stay grown until you reenter and then trigger a mouseleave, so I need to fix that but I'm not quite sure how to do that either.
Interferences with scrollbars:
What would effect a scrollbar in a browser on a website?
Let me clear that up. While writing a "rain effect" script, what could interfere with the scrollbar actually not showing up on that specific webpage.
Below is the script I am working with - If in any instance someone may need to review a certain area of it. Code:
I'm working on implementing a menu and need to have information when the menu size is larger than the width of the window. The problem is that pas a certain point, jQuery("body").width() keeps registering 497, despite being much smaller than that. Has anyone had this issue
View 2 Replies View RelatedHave to make a calculator to calculate wallpaper sizes and cost (college course so not for the 'real world' so doesnt need a great deal of functionality. Do i make a form in html and then name each cell? what then? Lost as hell here and been watching countless tutorials for js, need guidance i think now.
View 18 Replies View Related- I have a button on my Flash site that opens an HTML page in a popup window. In Flash, I open the new window using Actiosnscript 2.0:
- Within the popup window are links to other HTML pages. They all open in the same window. I've been using the following to create the links in Dreamweaver:
- On each page, I have a "Return to Main Menu" button that should close the popup window. To do this, I have been using:
- The problem is that it works differently in each browser, and I can't even get it to consistently close the window in most browsers:
Internet Explorer = popup message appears, asking "Are you sure you want to close this window?" or something similar; window closes after clicking "Yes."
Safari = Only closes if I'm on the original HTML page. If I click on any of the other links (note that these all open in the same window), those pages' "Return to Main Menu" buttons cease to work. However, if I keep clicking "Back" until I get to the original page, it closes.
Opera = Button actually works for each page.
Firefox & Chrome = Does not close the window at all.
I looked into it and saw that others have used a window.opener to solve similar issues. But, since my popup window is opened using Flash/AS2, I need to find a way around it.
I've tried preceding "window.close()" with "window.opener=null" (i.e. -onClick="window.opener=null; window.close()"), but I don't think I'm doing it right because it still doesn't work.
I've also seen others use codes that involve functions and variables, but it is beyond my current coding knowledge to implement this. Like I said, I'm sort of new at this.
Lets say I wanted store a long string of text into a local storage member on a browser using javascript.
window.localStorage.setItem("key",longStringText);
Now lets assume that the text itself contains characters outside of the normal ISO-8859-1 character set (like asian or russian characters). Would the individual char values be stored as one byte or two bytes?
"hello" -> 5 * 1 bytes = 5 (normal 8859 character sets)
"hello" -> 5 * 2 bytes = 10 (unicode or an extended character set size).
Is ISO-8859-1 still stored like ASCII once was as 8 bits? Or is it 16? If I was to use a 2 byte character set then would that cut the size of my allocated local storage space by half?
I have a HTML and I am opening another link in a separate window using window.open() . The child window is something like 'http://yahoo.com' which is out side html. I need to refresh the parent window when the child window is closed.
View 4 Replies View RelatedI have created a small application that lists all the
softwares that I created. This app was made using
Javascipts' DOM support of XML.
I am new to XML so I created this to get some experiance
in it. To problem is that the page only works with
Microsoft Internet Explorer.
Is it possible to modify the program so that it will
work with other Browsers? If yes, how? Code:
I used the DOM for mozilla to write some javascript. And naturally it doesn't work with IE and I haven't tried it on Opera type browsers. Is there any website that spells out the DOM's for IE and Opera individually like the mozilla one? Ie: http://developer.mozilla.org/en/docs/DOM:document.createElement
I would like to get the selection of the dom (meaning a highlighted area), then get the range. From the range I cloneContents in order to get a document fragment. Is there equivalent functions for IE and Opera etc? Code:
I have this code here that reads in a javascript file and increases or
decreases font by its relative size (same thing as View, Text Size,
Large, small, etc.) I am developing this for Transport Canada and I
need some help. Here is my code. I need it to be compatible with IE,
Mozilla, Netscape and Opera. Most versions of these browsers has to be
compatible. If you could help me out the least bit would greatful.
Here's the code:
Why is it that most (well, honestly all that I have seen) the JS based modals, those that use frameworks like MooTools and JQuery, and what have you, why are most of the nifty visual effects like drop shadows and rounded corners, they don't work in Internet Explorer, but do work in FF, WebKit based browsers like Safari and Chrome, and Opera?
For an example, have a look at MooTools based MediaBox ( a LightBox "clone" ):[URL]..
I have an Issue with a Javascript slideshow. If you see link below it is obvious :)[URL]... I only get the Issue in Internet Explorer 8
View 4 Replies View Relatedhow I can make this work in IE as well?? It is a code that shows a divide on click and then hides the rest at the same time.live code is also at chryscreations.com/ns/boynames.html
Javascript:
function showstuff(divID)
{
[code]....
On my site, I would like to open a centred pop-up with thumbnails. Clicking on them you get the full image with navigation arrows leading to new photos, etc.
I want to have pop-up dimensions suited to what's in the page and if the photo is vertical or horizontal.
Now, the code here under works well with FF2.0 and NS 8.0, but IE6 and Opera 9 just make the window.close() in func_aperta() and closes the pop-up.
What's wrong? Any ideas? Code:
I have a page with a slideshow which doesn't look too great in IE8 or lower. Is there a way to display different content for these browsers?
View 2 Replies View RelatedI'm currently modifying a php controlled website and wish to distinguish between javascript and non-javascript browsers in order to decide which pages to display. I have a single php controller script which "includes" a number of html pages. I want to ensure that I cater for both javascript and non-javascript browsers (so functionality is the same, only the javascript pages have a far better look and feel to them).
Therefore I would like to code something along the lines of :
Code:
if (javascript_browser=='true')
{
include './javascript_page1.html.php';
exit();
[Code].....
I have a nice Javascript code which allows users to HTML format code in a textarea, similar to the code of Post New Thread page. It works great in Internet Explorer but it does nothing in other browsers.
It seems the problem resides in this two lines:
Code:
a=document.selection.createRange();
seleccio = a.text;
How can I arrange this lines in order to make them cross-browser? I really need this code to work, at least, in current versions of Netscape, Mozilla and Opera.
Does anyone see anything wrong with this code? It's a mystery to me why it works fine in all browsers but IE6/Win. Not getting any JS errors or anything to help debug.
<script type="text/javascript">
function submitGeoSelect ( geositeID )
{
var geoURL = "https://<?= $_SERVER['SERVER_NAME']?>";
switch ( geositeID )
.........
The following code works well in IE5 and Netscape 7, apparently my page is
not working in Netscape 4.6 and it has been suggested that i need a third
option dwellig around the document.layers object, could someone tell me what
line I need to make it compatable for earlier browsers?
***************************
if(document.all){
parent.Slave.document.all.hillList.style.pixelTop= parent.Slave.document.body
..scrollTop+100
parent.Slave.document.all.hillList.style.pixelLeft =600
parent.Slave.document.all.hillList.innerHTML=divHT ML
}
if(!document.all && document.getElementById){
parent.Slave.document.getElementById("hillList").style.top=parent.Slave.docu
ment.body.scrollTop+100+ "px"
parent.Slave.document.getElementById("hillList").style.left=600+ "px"
parent.Slave.document.getElementById("hillList").innerHTML=divHTML
};
*******************************
