May be this is more of a design question rather than JavaScript but guess many of you will have experience in these things. whats exactly happening behind the scenes in this link. [URL] One of the members already pointed out that the website is using transparent layered images to bring the effect. Now, my question is, are they real images or is a texture really applied to a frame on the fly?
I can imagine bringing that effect by using Photoshop filters but how can we do it for Stripes and Checks. If you notice the sleeve for a stripes shirt, you can see that the stripes are aligned as if it were a real shirt. Do we need real photos of shirts for this?
How to render a div next to href link, we are using JQuery. Below is code attached where when clicked the div gets rendered just below the tab of browsers, I want to render next to that of href link as there will be lot of href links in the webpage using the same div tag.
I cannot do it in css because it gets fixed at that position and I am using the same div for many of the href in a page but changing the contents of the div dynamically upon the user who clicks the link.
I have a situation where a bit of script needs to pop up another window, and then call a script in that new window. My conundrum is that the script should not be called until the new window has rendered completely. What's the best way for the new window to tell its opener that it is fully rendered? The thought that occurs to me is having a script at the bottom of the new window that calls a script in the openening window that then calls the "real" script in the new window. The obvious solution (having the new window just call the script itself) isn't feasible because the opener has the information that the new window's script needs. Is there a better way to do this? I apologize if I've explained my situation poorly.
I've downloaded the curvy corners codes from the following address: http:[url]....
The instructions in the curvycorners.src.js file say that all i need to do is add the following piece of code which I've inserted into the head section:
I have a javascript-run rotating (as in rotating through a series of content, not rotating in a circle) div.
Each content div has an image and a bit of text.
The title text - bold arial - is really messy, as though it's a badly pixelated image - smudged, almost. the rest of the text - smaller and not bold - isn't bad, but still doesn't match text outwith these divs.
I was playing around with the compose feature of gmail today and I noticed that it seemed to have an extremely intelligent auto-save feature. What intrigued me about it was that it only seemed to auto-save the document when you were not working on it and when there was actually something that needed to be done.
However the most interesting (i.e., bit that stumped me) was how while in the middle of auto-uploading a large attached file I am able to edit the e-mail and yet when it has finished uploading the attachment (and the page seemingly refreshes) the changes I made to the e-mail are still there.
Could anyone be so kind as to enlighten me as to just how exactly the auto-save feature works (as I am interested implementing something similar for my own site), especially in the region of attachment handling.
I know that they must have some kind of JavaScript on-key-press callback that detects when you are working on a document but that is about all I can extrapolate.
i am trying to get to work and i don't get why its not working so i am going to post it here and if someone who is smarter then me could come on and let me know why its not working and how i can fix it. if you have any questions let me know and i would be glad to answer them. Code:
I have a property site and would like users to be able to click a button or tick a box to enable them to save a listing & then when they have finished searching they can then click on a 'view saved properties' button and each listing, or a link to each listing will be displayed on a seperate page so they can then go back to all their saved listings.
I have an issue with a photo gallery.I use an Ajax call to the database to fetch an image and description. If the description contains special characters they don't render properly on the page.I get that diamond with a question mark.The charsets are set all over the place and the characters do render properly if I call the Ajax function outside of the gallery and simply show the result, but once the Div is populated with the text the characters are not recognized.
I need to produce a 2000x2000 tile map and render it to screen, add objects, remove objects, pick objects, all fine no problem, code for said has been dealt with.What I need to do is pre-render a 2000x2000 map as a base for my tile/object map to go on so to speak.
We all know that feature detection technique works from very beggining of user-agents supporting JavaScript. We can alway check if eg. document has a write property or smth else:
if(document.write) { }
We could do that for all of objects, so i have been surprised when i found 'in' operator, which for above example would be used like this:
if("write" in document) { }
So i have questioned myself what for ? I can always do:
if(document["write"]) { }
or even var prop = [...]; if(document[prop]) { }
which is supported better then 'in' operator ('in' is supported since W. IE 5.5 and NN 6 - around 2000 year). I can only guess that 'in' was provided in W. IE 5.5 only for convenience... but that is my guess and someone more knowlegable could write here some more opinions on this operator...
Is it possible that first I make my window resizable,than if window is less than a fixed size I can make my window not resizable?Better to say can I change resizable feature during runtime?If possible,than how?
Can someone point me to a script that will allow me to implement a "back button" in an HTA, since there is no history for HTA's. Understand this requires an array, is there any sample code out there ?
I am trying to add a feature to one of my webpages where when you scroll over a specific word, a popup appears. However, for some reason the code I am using isn't working.
I am pretty new to javascript, I've made a php game and I am adding the last touches. Ive got. When I press m it goes to your mailbox. Now what I want is the alert feature. Now I have that. I want it to say. You have COUNT new message(s). How do I get my php variable into that javascript.
I'm going to make a digital timer feature with javascript (maybe JQuery) and was wondering if anyone has some good links to get me thinking in the right direction.. for example just a simple: every 4 seconds increment the time (in seconds)..
I am trying to build a vertical drop down where when you click on one of the main headers the sub nav below will drop down. If you then click on another header they previous header's sub nav items will disappear and the new nav's sub nav will appear.
This part I have built. The problem is that I also want to use a ">" to point to the main header that is active and have the ">" disappear when you click on another main header and appear next to that header. This part I can't get to work. I can't get the ">" to appear and then reappear. Code:
Mozilla/Firefox seems to be wrong when rendered elements with sizes given in percents and that are placed into another elements with percentage sizes, if the content overflows them (of course, overflow is set to the value of "scroll")
To check the written above please use the given below code:
This is sort of a design/javascript question. It involves CSS rendering in dynamic areas of a page using IE.
E 6 & 7
HI There, We've created some example static html pages (using CSS) that look great in IE. We are now converting these into dynamic pages that use javascript to dynamically update certain areas of the page. After the conversion the dynamic areas of the page do not render the CSS styles (the styles are not displaying correctly). This only happens in IE. The styles display correctly for other browsers (firefox).
I am using the javascript DOM to update the dynamic areas of the site. For example when creating a <atag that needs attribute class=over....I add the following code.
I was wondering if there is a way to detect when a page has completely finished rendering? Is there an event in the JQuery library or JavaScript in general to detect when a page has completely rendered. I'd like to get some timing information for how long it takes for a page to render. I'd to do this offline to see how much CPU performance affects web page rendering.
Working throu' the Sammy Tutorial with an intent of using a RESTful django server with sammy.[code]Where the console on chrome reports Uncaught ReferenceError: Sammy is not defined and altho' I get to see the template code in the webpage it does not appear to be rendering.All files are visible from the browser including the template code.The error is reported from line 55 [code]which comes after the function declaration.I'm a python/django creature and rarely venture out to the wilds of the client side. Have I made some particularly simple js/jquery/sammy error ?
My javascript quits working when I am rendering the html? (It works perfectly fine if the page is opened from http address directly). I did some research and concluded that "JavaScript is executed on page load", so when I render my html, my JavaScript functions are not automatically called.how should I call the javascript functions manually?
verify.html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <HTML> <HEAD> <Title>form</Title>
I have a news ticker in my site, which is using prototype. It works good in all browsers, but the problem is while loading the news ticker content is rendering outside the div.
Is there any ways to hide the content while loading or any other ideas to prevent it loading outside the div.
