I want to create Google Custom Search TextBox that has background image and image disappears on onmouseclick and appears back on onmouseout.
View 1 RepliesI want to create a interactive map viewer likeGooglemaps using my own custom map image. On clicking a location on the map, a small popup displayed showing some data. I aslo want a zooming and panning functionality. note that i am using aLinuxserver. The application must not use flash.
View 1 Replies View RelatedI have chosen to use Google Custom Search with my website and was given the following code, my question is, how can i pass a search query from my homepage which has a standard form on there to the search page which holds this code?
I am given a search box within this code but would prefer to use my own on the homepage...
<div id="cse" style="width: 100%;">Loading</div>
<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript">
google.load('search', '1', {language : 'en'});
[Code]....
I tried to make a easy google news search api. I know google news api search can show max 8 items per page, and 8 pages(total 64 items).
1.How to add `image{}`(I want to show the news image), I read the document in google official website, but not understand.
2.Can google news api search set a start page at page 3?(the default page is always show page 1)
3.Is google api search have a day limit? I saw the old version Google SOAP Search API just allow custom use 1000 times per day.
[Code]....
I'm trying to create a CUSTOM google search form for my website but i'm running into problems. If you go to my website [url] and at the top it says "Download Free Music" What should happen is you type the song and it creates a custom google search once you hit "super google search". It does not search and goes to a blogger page
A extact working copy is on [url] which i'm trying to integrate on my site [url]
The code for the custom google search intitle:"index.of" (mp4|mp3|avi) SONG NAME GOES HERE -asp -htm -html -cf -jsp
I'm building a drop down menu like [URL] or [URL] or [URL] the effect I'm trying to achieve is to have the top menu item showing a background image via css and create a stylized design with the sub-menu. Using CSS when I hover over the sub menu the background image of the top item disappears. So I'd like some guidance with javascript on how to keep the back-image while hovering on the sub menu.
View 1 Replies View RelatedI am using google custom search & getting result on the same page.I am trying to show search result on the new tab.
View 1 Replies View RelatedCould anyone show me a script that would allow the user whos on my site change the background image from the default color to an image from a URL? And then it would have to save their choice in a cookie.
View 1 Replies View RelatedHow to implementing a "google custom search" feature in a jquery code. I am hoping someone could help me out, as the code is pretty short.
I've been trying for a while but it doesn't work.
The HTML of the page is -
The Jquery script of the website is (this is where I need to implement my custom search code somehow) -
The small arrow that marks the active search icon:
This is my Google custom search code, which I need to implement in the above.
I only need the custom search, I don't really care about the "internal search" or the general (where google searches anywhere) google search. I really need this.
I have a map with hotspots, and when you hover over a hot spot, a hidden DIV appears. The only problem I'm having now is getting the DIV to remain open while I move my mouse from the hotspot to the DIV. As soon as I move my mouse away from the hotspot, the DIV disappears. I need to put links in the DIVs, and users will need to be able to move their mouse away from the hotspot to click on the link, but currently can't.
I experimented with setTimeout, but didn't get too far. I really need to get this working.
<img src="images/map.png" alt="" usemap="#map"/>
<map id="map" name="map">
<area shape="rect" coords="211,84,225,97" href="#" alt=""/>
<area shape="rect" coords="226,78,240,92" href="#" alt=""/>
<area shape="rect" coords="353,66,376,89" href="#" alt=""/>
[Code]....
I am building a simple t-shirt creator app for my shop and I am using the interface.js library: [URL].. docs/drag to drag/drop and re-size the graphic on the shirt background image.
Once the user has chosen a spot to put the graphic, how do I save the background image of the t-shirt with the image they dropped in the correct spot? Like, to merge the two graphics in place?
I am trying to recreate this functionality on my website where you can drag a background image around and when you get ot the edges of the image it bounces back to the edge of that corrosponding side. have a look at the site in question - [url]
So far i have recreated the top left and right edges using
Code:
Here is how i thought the bottom would work
Code:
I have a div set up like this
<div id='y' style='background-image: url(./randomcolor.php?ibase=
<?
php echo $entity
->
[code]....
I am having an issue with setting the background-image of a another div #x to the background image of #y.Correct me if I am wrong but I think you would do this in a simple case by saying
$
(
'#x'
).
[code]....
So when it does it, it is getting the URL of the generator (I logged it. what is actually being passed is [URL] This would require a server call to generate a new image, In this particular application, even if it wasn't exactly the image y had it would be acceptable. But it's not doing it. It is not getting any image at all. Am I doing something wrong, i.e. is it supposed to just work? I would think not, since the page has already been rendered. This is almost an ajax situation but I don't know how to do it for an image. I don't really want to generate a new image anyway, I'd be very happy to get the one that's already there. How would I access the actual image already attached to y and not do another server call?
i want to change the background image of a webpage every few seconds to a different image... i've written this code but it doesnt seem to work.
<script language="Javascript">
window.onload = backgroundchange();
function backgroundchange()[code]...
I'm having trouble figuring out why my image is disappearing when the user clicks on the arrow image to expand text for viewing. The arrow image only disappears if the link text is is more than one line. It remains if the link is only one line of text. Here is the code:
[Code]...
I have this working fine, and I can append the preloaded image to a hidden div then fade the div in for a smooth effect.
Problem is I want to set this preloaded image as a css background image, not as a <img /> in a container. But if when the image is loaded, instead of .prepend() I do .css() and set the css property of a background-image to be the preloaded images URL, then when it carries on with displaying it the browser loads the image again. Rather than using the preloaded one.
I want the image to be a background image as I want it centered in the page background, even if it is too large for the viewport.
I have a LARGE, hi-resolution image that I am trying to use as the background for a page. Because it is so large, it takes a while to download. Because of this, I wanted to load the image behind-the-scenes and show it once it is downloaded.
To accomplish this, I'm using the following JQuery code:
This code clearly downloads an image and appends it to my DIV element. However, I really want to set this downloaded image to the background-image CSS property of my DIV. The reason why is because I have content inside the DIV that should serve as the foreground.
How do I dynamically download an image, fade it in, and use it as a background?
I need to get the image name that is the end of the background-image example [code]i just need the name and file extension, example:[code]
View 7 Replies View RelatedI have a basic search box that I want filled with light gray text that says <enter search query> or similar, and I want it to disappear when the box is clicked on. I also want the '<enter search query>' to reappear when the page is reloaded.
View 3 Replies View RelatedCan someone point me in the right direction to making custom javascript image slideshow transitions?
View 2 Replies View RelatedI'm adding a Microsoft Dynamics CRM Online form to a webpage. It looks like pretty standard html and Javascript. The Microsoft website creates the code automatically and it provides the html code snippet. I provides a standard dull grey button. I'm simply trying to change the standard grey button to a nice looking orange image.
I have the form looking great...only problem is that it doesn't work. I tried it with the standard button and it works fine. When I try to substitute the image, CRM doesn't get the submitted form information. Here is the applicable part of the code:
<input type="hidden" id="dl_qs" name="dl_qs" />
<input type="hidden" id="dl_r" name="dl_r" />
<input type="submit" onclick="document.getElementById('dl_leadForm').dl_qs.value =
[code]....
I tried this, but it didn't work:
<input type="image" src="images/contact-us-button.gif" value="Submit" border="0" <onclick="document.getElementById('dl_leadForm').dl_qs.value = window.location.search;document.getElementById('dl_leadForm').dl_r.value = document.referrer;" value="Submit" >
</form>
I would like to keep any validation built into the form. I'm very new to Javascript, so it's probably something obvious to pros.
It's kind of hard to start explaining what i did or maybe even harder why i did it that way. But ok i neededtext replacement for custom fonts. Cufon couldn't be used because of the large amount of text and javascript in general on the site. It should play nice on IE6 that's why i chose to use facelift(server side text to image replacement). The problem arose when i needed to show a different font on hover state. I created two elements with the same position and now i want to switch them on hover state! It's actually working but when hovering fast over the different elements the hover state's mixes up ending ugly and wrong...
View 1 Replies View RelatedI've implemented a photo gallery using Galleria and jCarousel on my site, and have chosen to use custom thumbnails instead of having Galleria generate them for me from the source images.
As far as I can tell, there may be an advantage in conserving bandwidth with this method, but the page also degrades to a nice set of thumbnails that link to the larger images (which is very nice, IMO).
Everything works beautifully, however when viewing this gallery for the first time, instead of the large image fading in nicely as it does in the Galleria demo, it almost kind of "slides" the image into view like it's rendering pieces of it as it loads in the container. This is definitely an effect i would like to avoid, but I also thought that one of the benefits of Galleria was that it pre-loaded images in the background, right?
So why does my gallery appear to be loading these images "on-demand"?
Here's a link to the page in question: [url]
provide javascript to create something like the image below: Things I can't workout are:
1. top and bottom background colors as the above image
2. add two text
3. border color same as top background color
[Code]....
all i want to do is make the background image of a couple of pages fit perfectly in the browser window of different screen resolutions.
the problem i am having is that i am using 1024 x 768 screen resolution. and the background images fit perfectly in the pages for me but when someone with a lower or higher resolution views the page, the background image either gets cutoff or starts repeating.
is there any code that will fix my problem??
i have found some code (see below) that resizes the image according to the window size but it is for an image on the page and not the background image. Code:
I have several google map markers and lightbox image gallery in the html file. I need to associate each image from the gallery with the markers.
I've tried this
Code:
google.maps.event.addListener(marker01, 'click', function() {
document.getElementById("bump");
});
"bump" is id of div with the image, but it didn't work.