In my webpage I have set that the left & top margins are '0' and it worked fine.However, after inserting of a Random Image Javascript,there is a blank space on the top.
View 3 RepliesI'm thinking of putting a pop-up on one of my sites using the following javascript. I only want it to pop-up when a visitor visits every 25 days or so. Can someone tell me where I put the code for that in the below script or point to a script where this is already done? Code:
View 3 Replies View RelatedWhen I do my pop-up it has a blank white space above and to the left of the image. How do I remove this?
View 3 Replies View RelatedI would like to have a blank space to separate the options in the "Select Color/Size drop down box" I would also like to have an alert('Please select a size'); show up if someone chooses the blank space. I have tried to do this but my attempts have been fruitless so far. Code:
View 2 Replies View Relatedcan anyone tell me why an additional blankspace appears for a dropdown
menu when using netscape6.1? this works fine for IE.
whattowrite += fields[2] +fields[1]; How can i force a blank space between fields in js which will be out putted in html textbox with a decent gap between them?
View 2 Replies View RelatedI'm working on this site [URL] and suddenly there is a blank space to the right of the site. As far as CSS is concerned it is not there. I am posting here because I was experimenting with jQuery at the time (I know almost nothing about it). However, I have removed all the jquery code from my files and it has made no difference. IE is giving me a 'console' undefined error.
View 3 Replies View RelatedI want a regular expression for Citi where first character should not be a blank space.
View 3 Replies View RelatedWe're using a fade image slideshow from : [URL]. On our webpage: [URL]. It works perfectly in Firefox, Chrome and Safari. However in I.E. ( were using v.9) it shows no images at all, just a blank space. The code is exactly the same as the page on javascriptkit yet his images fade as they should ours do not show at all.
View 2 Replies View Relatedjust look at the scroll bar in your internet browser when the picture slide working you will find the scroll getting extended - the page must be ended by the copyrights down of the page and after the slide you will find some extra blank space in the page after the copyrights link.
View 1 Replies View Relateddoes anyone know how to scramble the "box#" in the codes below? Ultimately, I want the checkboxes to be in different order each time I access the web page?
<script lanugage="javascript">
function countChoices(obj) {
max = 3; // max. number allowed at a time
box1 = obj.form.box1.checked; // your checkboxes here
box2 = obj.form.box2.checked;
box3 = obj.form.box3.checked; // add more if necessary
box4 = obj.form.box4.checked;
box5 = obj.form.box5.checked;
count = (box1 ? 1 : 0) + (box2 ? 1 : 0) + (box3 ? 1 : 0) + (box4 ? 1 : 0) + (box5 ? 1 : 0);
if (count > max) {
alert("You can only choose " + max + " of the 5 nominees.");
obj.checked = false;
}
}
</script>
<form>
<input type=checkbox name=box1 onClick="countChoices(this)"> Homer Simpsons <p>
<input type=checkbox name=box2 onClick="countChoices(this)"> Ground's Keeper Willie <p>
<input type=checkbox name=box3 onClick="countChoices(this)"> Mr. Burns <p>
<input type=checkbox name=box4 onClick="countChoices(this)"> Barney <p>
<input type=checkbox name=box5 onClick="countChoices(this)"> Chief Wiggum<p>
</form>
I'm curious if anyone knows how to fix this. Most of the content of my page is 940px wide. The superfish menu, expanding as it should to fit my drop-down heading text, is only about 700px wide. I want to apply a color background to the div that the superfish menu is housed in so that the menu appears to be 100% width.
For some reason, in webkit and firefox, the color of the div that the menu is contained in does not show up, so there's just an empty space in that last 25% or so of the bar.
In IE, it looks correct, though. (the color of the containing div shows through the blank space in the menu, making the menu bar appear to fill the entire width).
Am I missing something in the Superfish menu that makes it appear at 100% width?
I'm trying to use Javascript to have an array of images that load randomly AND work in a slideshow manner so change every 3 seconds (in a logical order). The code I have below presents a random image but how do I get them to continue from the random image and change to the next every 3 seconds?
<script language="JavaScript">
images = new Array(3);
images[0] = "<a href = 'photo1.html'><img src='images/photo1.jpg' alt='Photo 1'></a>";
images[1] = "<a href = 'photo2.html'><img src='images/photo2.jpg' alt='Photo 2'></a>";
images[2] = "<a href = 'photo3.html'><img src='images/photo3.jpg' alt='Photo 3'></a>";
[Code]...
I've been trying JavaScript a little bit. I beginned by changing
an image using a very simple:
document.getElementById(...).src="new image"
Which worked fine.
However this does not work if Firefox is configured with
the "Change images" disabled... Fair enough.
Now I'd like to try something else: not "changing" an image
but inserting a new image, in a page that had no image
previously.
I'd like to do this because the image isn't ready yet when
the user arrives on the page: I want the page to already
render the text, then "insert" an image once the server
is done creating it.
For example, when the user arrives on the page, he sees
the following text:
"Please wait while the server is preparing the data
you want to visualize"
And then after a few seconds the image appears (the
script checks data on the server every second using
XmlHttp requests and once the server warns that he's
ready, I modify the src of an 1x1 image).
As I already said, it works if I change the src of an
image already present on the page (like a 1x1 white
pixel on a white background) but now I'd like
to know if it's possible to insert a whole new image
in a page that had none previously.
Note that I'm not necessarly looking for something that
works even when Firefox's "Change images" is disabled
but simply as to how to insert a new image in a page
instead of changing a 1x1 white pixel.
I am working on some functionality for a CMS, whereby the user can write come content and insert images into the rich text area - just like you do with WordPress.
So, you would have a window/overly open with your media manager, then select the image and it will then appear in the text area as an inserted image.
Handling the file uploads, making the media manager etc is not a problem, its just inserting images in this way that I am not too sure about.
jQuery is my library of choice, and I use TinyMCE for any text editors, and how this may be achieved. I know TinyMCE offers the MCImageManager but I would much prefer my own solution than have to fork out the cash every time I wish to use it.
as a project I have to design a website with several functionalities, including a calendar which is working just fine.
this can be seen here: [URL]
(you will have to click "CALENDARIO" at the top to see it)
or if you want to see the calendar outside the iframe: [URL]
anyway, the way to insert details into each day of the month is through running a script:
Code JavaScript:
$(document).ready(function() {
var date = new Date();
var d = date.getDate();
var m = date.getMonth();
[Code]....
I would like to know if there is a way for me to insert an image onto the title, the idea is to put up something like "Team A VS Team B" with both team flags there as well.
I dymically replace the child nodes of a DIV element by image nodes. In
IE and Firefox this works properly. In Safari it works properly, too -
but only if the site is called locally, eg. with file://. Uploading to a
server and viewing the site in Safari with http:// results in an error.
The problematic code is the following:
var node = document.createElement("img");
node.setAttribute("src", filename);
node.setAttribute("style", "position:absolute;left:100px;");// error
document.getElementById(name+"Images").appendChild(node);
When executing this script on Safari in online mode (again: with a
_local_ file, it works fine!), Safari reports the following error,
occuring in the marked line:
"[592] :TypeError - No default value"
Obviously, node.style seems not available at this point. I think
Safari's still loading the image, and while loading it blocks all
accesses to node.
Is this assumption correct?
That would mean that in Safari, I cannot do _anything_ with the image
node until the image is loaded. These are not really bright prospects.
I'd like to insert an image with fixed position in all https pages. Is it possible? How?
View 3 Replies View RelatedI've been searching for a resolution to this issue for hours trying to customize my page located at [url]
Specifically, I'm trying to figure out why this line of code is not making my images display in the background:
Original plugin script provided here: [url]
<script>
I made adjustments with my image references that are all located in this directory: [url]
Problem: No images load, and I believe I don't fully understand the .appendTo tage.. I don't know if #body is correct. The author of the plugin assumed I understood the relation. Also #homePage may be incorrect as well.
Additionally, I found another plugin that worked for placing an image in the background (not random), and the background image would scale to size, according the users window. I loved that and it worked, just wanted to add random images to the same script.... first things first... I can't even get an image to display at all with the above code.
In case you wanted to know the script I was using to scale the background image, here it is below (although, as you will see in the code for my site - this image feature is disabled as I am trying to make adjustments).
code for image solutions used:
HTML
CSS
If I can get this second code to work with the random image plugin.
My form isn't returning any results when submitting the form if the user hits the <spacebar> or the <enter> key on the keyboard when tabbed over the image submit button.
<input name="Submit_notes" type="image" value="Submit_notes" src="images/pp_but_blu_addentry.gif" />
Should I make it so the user can't submit with the keyboard? (if so how) or is there another way?
Here's what I usually use and have been using for years and it works great, just not for this particular purpose. I don't have a clue when it comes to javascript.
<noscript><img src="no_script_quote.gif" width="406" height="94"/></noscript><script language="javascript">
var delay=6000
var curindex=0
[code]....
But, now I want to be able to set a default picture to be shown first and have the random pics appear next. I also don't want the default pic to show up again in the random array. So basically, every time the page was first visited, or refreshed it would show the default picture then move into the random pics.
I'm completely new to this and have no knowledge at all when it comes to javascript. Have been using this script on my site for a while. Is there anyway I can add a URL link to the images that are in my selector? When clicked would go to that page on my website.
<script language="JavaScript">
/*
Random image slideshow- By Tyler Clarke (tyler@ihatecoffee.com)
For this script and more, visit http://www.javascriptkit.com
*/
var delay=10000 //set delay in miliseconds
var curindex=0
[Code]...
I am using a module called mod_pageear in my joomla based site that displays an image in the page when the trigger is scrolled over. I would like to change the code to access images in a folder on a random basis. The existing section of the code that accesses the single image is as follows: Code:
View 1 Replies View Relatedhad this in browsers areas but people told me I should put it here in Javascript because more people here would probably have seen it before and know why it happens. I have basic Javascript that rotates images. I've noticed any kind of Javascript code that rotates images has this same problem only in Mozilla. When the images rotate in Mozilla in between the rotations, Mozilla browser adds a little colored square that represents a blank image that are able to be seen does anyone know why Mozilla Browser adds that? For example when looking at this page in Mozilla can see it. if you know if this is some Mozilla problem with Javascript and images. Doesn't happen with IE and other browsers shows the images only and nothing else.
View 2 Replies View RelatedI have a page on which a random image loads. Each image needs an accompanying image map to take you to the appropriate link. How do I make the appropriate image map links load? Here is my code so far, which works fine.
myStrip = new Array("images/hstrip_1.jpg","images/hstrip_2.jpg");
imgCt = myStrip.length;
function chooseStrip() {
if (document.images) {
randomNum = Math.floor((Math.random() * imgCt));
document.strip.src = myStrip[randomNum];
}
}
I'm hoping that someone can answer what is probably a really simple question. I've got the Random Image Slideshow script from javascript.com and have it placed in my site where I want it. Now how do I get it to read where I've got the images I want displaying? The folder I have is called homeimages with 10 photos currently inside it.
The script is: