I have noticed that when doing animations (moving an item across the screen), at times the animations are choppy in firefox. It is hard to explain how to reproduce this problem as it seems it is dependent on random elements of the page. I have tested the same page in Opera, Safari and IE and the animations are very smooth.[code]If I put the code block anywhere but inside the content div, the animation is smooth. However once put where it belongs, the animation becomes choppy in firefox. I was playing around a bit and found out that doing some random changes causes the animations to become smooth. For instance, removing height: 100% on the nav makes the animations in the content div smooth. I lucked out with this as it doesnt change the layout of the website at all. Another solution I found is that if I remove the box shadows I have on the mainsection the animations become smooth. These attributes are no problem for Safari and Opera though.I recently rewrote the plugin I was working on and ran into this problem again. However, removing the height:100% trick did not work.
I know this is most likely a problem with Firefox, I just wanted to see if any of you know a solution. Also, have you seen any related tickets in mozilla bugzilla? If not, I may have to create a new ticket for it.
I'm using a .csv file as the basis for a spry dataset in Dreamweaver. I've got it working and the data is getting inserted into a table dynamically. Since there'll be quite a lot of rows in the table, I need some sort of paging controls so the user can see about 10 rows at a time and then page through the rest of the rows.[code]When I test though, I get the following error:"Failed to retrieve data set (dsHospPrivate) for spry:repeat".I wondered if someone could tell me where I'm going wrong? My javascript coding is really limited so I may have copied the wrong code blocks from the example in the abovementioned url.Also, I'm noticing that when the data comes in from the .csv file, any text that has an apostrophe in it, eg. children's - the apostrophe is not being rendered correctly in the browser, ie. it's being represented as a question mark in a triangle.
I'm using a .csv file as the basis for a spry dataset. I've got it working and the data is getting inserted into a table dynamically. Since there'll be quite a lot of rows in the table, I'm trying to implement some paging controls so the user can see about 20 rows at a time and then page through the rest of the rows.[code]When I test, The first 20 rows appear but then these 20 rows are repeated another 20 times, so the first 20 rows are duplicated 20 times on the one page, i.e 400 rows are being displayed (if you know what I mean). The paging is also working via the buttons but each of the 20 rows (20 x 20) are being paged simultaneously, and I only want one set of 20 rows to appear at any one time.[code]
I am trying to develop a dashboard for reporting on a large dataset of customers. When it reports on filtered results it works ok but whenever we filter on something that returns a lot of results (ie. customer without email addresses, or a specific customer type ajax returns blank. I have tested the query and apart from taking a while to return, there is nothing wrong with the query.
[Code]...
This just builds the query dynamically based on the results of the above, ignoring any value that equals "NOFILTER".
I have a project dilemma that is beyond my capabilities.I'm building a web based scoring system. I will input players names and their individual scores. Each of their 12 "station" scores will be placed into 12 text boxes and the total will be added up and placed into a textbox called Score.I've started with only two textboxes to start out and here is what I have (which works).
I have region which initially needs to be fixed in a certain position. After data is returned to the page and the user scrolls down to the bottom instead of remaining in its fixed postion I want my region to float to the top of the page, if I scroll right back to the top I want the region to revert to its original position.I found a very handy demo that did what I want ( http://fiddle.jshell.net/zsJAr/show/light/) BUT it uses JQuery and I am unable to use JQuery in my pages. Does anyone know how I can replicate what this demo was but without JQuery?
p.s. we are using script.aculo.os and prototype but I can't seem to find anything similar.
Basically I'm looking for a method where the user enters their postcode (UK only) clicks enter then they're displayed with their closest region (although not every single UK region will be displayed, only 6 of them). I know this is a fairly tricky one.I've had a look in to Google API though there's nothing really specific for this, does anyone have an idea? or point me in the right direction to achieve this?
I need to open a window without scrollbars, menus, etc. and a specific size. I believe I have found scripts that can do this. But I also need it to open to specific coordinates of the page. i.e, only displaying the center portion of the page (the page is not mine) and not letting the user move to other portions with scroll bars, nor resize the window.I realiize that hitting tab will usually move them around, but I am not worried about that. They won't know where they are and will just reload.I have basic html skills but not scripting, other than copying/pasting other people's code.
I am new on forum and javascript. I have got a query for dynamic geo location javascript. I would like to make a page which redirect to another page based on user REGION. Ex: If user from EMEA then page1.html, if user from APAC then page2.html, if user from Other region then page3.html
Hoping someone could solve this small problem of mine. I have numerous regions on a page that can be hidden/shown, the problem is i get a 'Line 8 Character 30 'id' is not defined' javascript browser error, but it works!
here is the code the error appears in:
PHP Code: <script language="javascript" type="text/javascript"> /* This goes in the head section */ window.onload = function() { document.getElementById(id).style.display = 'none' }
function toggle(link, id) { var div = document.getElementById(id); if (div.style.display == 'none') { div.style.display = 'block' link.innerHTML = 'Hide Forms' } else { div.style.display = 'none' link.innerHTML = 'Show Forms' } } </script>
I have a PHP form, with a Customer Select List. Once an option has been selected, the 'custid', is passed to Javascript that collects all the contacts linked to that customer and populates another Select List. This works fine, but what I'm after is an extra two inputs to appear when a particular customer is selected, but I'm not entirely sure how to go about it.
Here it goes: Table/Form: Code: <script type="text/javascript"> var ajax = new Array(); function getTextList(sel) { var Customer = sel.options[sel.selectedIndex].value; document.getElementById('text').options.length = 0; if(Customer.length>0){ var index = ajax.length; ajax[index] = new sack(); .....
I need one javascript, which is going to change the color of the region in the particular image. For example one boy wearing the blue color t-shirts, i want to change the blue color into red color by using the color code instead of chaging the image into new one.Whether is this possible to do in javascript ?
The page should include two selection list, The first selection list should contain 8 regions of the world. The second selection list should remain empty until a user selects a region. The second selection list should display only five countries per region.
I have been searching and searching but cannot find the type of drop down that I am looking for. I would like to see a menu appear when I pass the mouse over a region of my image, different menus would appear in different regions of my image map.
I need to refresh a div which contains an ad while the rest of the page stays the same. I think I'm pretty close by reading the previous posts on this site, but one odd thing is tripping me up and I can't figure out why. When I call my function to refresh the div, it replaces everything on the page instead of just swapping out the div. Code:
I ma having an issue with a JavaScript slider. If you look at this page, at times the slider does not work and the user is having to refresh their page before it works. It's the same in Firefox and IE.[url]...
I'm using Adobe Spry for some transitional effects, based on this script: http:[url]....The page I'm working on is located here: http:[url].....As you see, on page load the first item is shown ("Giovanni Pappalardo - Nullafacente"), and then the other records are shown when clicking on each thumbnails
My questions are:1. Is there a way to hide, on page load, that first item, and showing it ONLY if relative thumbnail is clicked? I tried to apply some "display: none", but I get stuck on JavaScript part, since nothing seem to work... (honestly my JS skills are very poor)
2. While doing transitions between a record and another there's a moment in which full image still hasn't loaded (and so there's a white placeholder); is there a way to avoid that, i.e. preloading images?
For the first time in a long time, I've encountered a project with a single image that has many regions.Each region is a polygon, and will bind to a unique rollover event. That rollover event will pull back data for each region.I've thought of using a hidden image in a canvas with a black background, and a different color foreground for each region. Then, mapping the color the proper region data on the backend.I've thought of passing a huge Javascript object with keys that relate to a position in the image, and values that define the region data.Initially, I dismissed the idea of a good, old-fashioned image map, in an attempt to find something sleeker and sexier. But perhaps this is the best solution?
to create a hyperlink which closes the window. However with pages which display data retrieved from a database using PHP i use a form to submit a search on the page which displays results. At the bottom of the page is the close window link, however it fails to work once a form has been submitted on the page. It only works when the page first loads.
Any ideas guys on how i can get a close window option that works on my results page after submitting a search?
Is there a method to check if a user refreshed a page?
I'm designing an online psychological experiment and I want to see if the user refreshed a page (to see if he was trying to see an image that he was supposed to see only once).
In my WebApplication ,In vertical scrollbar scrolldown some position after the refreshing the page again scrollbar position goes to the top of the verticalscrollbar.How to get back the scroll position after the refreshing the page.
I am very new to javascript so I'm sorry if this is a stupid question. I made this page by pecing scripts together that I found online. I don't even know if this is the best way to get my desired results. I want the background to fill up the entire window, as well as the text and link to remain on the bottom in their respective corners and also re-size with the window. The code doesn't work the first time the page is loaded, but it works fine after it is refreshed. Do y'all have any suggestions on how to fix this.
