I am currently creating part of a system which does a simple import of
a CSV file using SQL Server with DTS. The front end to this is a web
based .NET (C#) app. Obviously when the CSV file is large, there is a
delay for the user receiving any feedback from the system. I therefore
want to do what I have seen other systems do and display a gif image to
show the user that something is happening (eg. spinning images etc).
Is there a way to 'include' javascript at runtime? I'm targeting most recent browsers in general, but at worst I'm looking for IE/Moz solutions.
View 2 Replies View RelatedI have the usual javascript include in my html file:
<script type="text/javascript" src="standard.js"></script>
Now within the file standard.js I would like to put another 'script tag', i.e. in standard.js we would have the line
<script type="text/javascript" src="another.js"></script>
Obviously, this is not the way to do it, but what is?
I will need to import jquery through flash, but I'm not the owner of the site, so I can't alter the code permanently, I'll have to do it "on the fly"
I wanted to add a child to the head element but I don't manage to do it!here is the code I'm doing as a test.[url] (jquery and the html page are in the same folder)
If instead of the jquery js I import any other js created by me with, e.g. an alert, this works. Why not with the jquery file?
An application under development has a set of core functions that carry out common tasks and a 'machine' that animates panels of lists of names and menus and provides another panel for action calls. (see attached pic). Selection of a name identifies object(s) to be worked on and menu couplets like "Name+Edit" call devices (each in a separate js file).
Each js file replaces any files in the deviceScript holder in the hta file. I used to use eval(couplet+"Start")() to initiate the device, but having read about the evils of eval it dawned on me that it was unnecessary and just gave each device a start() function ... and also an optional refresh(), and compulsory finish() to pick up results and clean up.This seems to work well on my machine. The hta is intended to run locally picking up json type data and devices locally and via the net.
OK, this little code takes a string (URL) input and returns an array ([fileContents,httpHeaders]).
function getFile(n){
var file; // Define variable
if(n==''||n==self.location)return []; // Don't request self or empty strings (Safety meassure for some IE and pre0.9.9 Moz versions)
switch(typeof ActiveXObject){
case 'function': // Chech if ie
file=new ActiveXObject('Microsoft.XMLHTTP'); // If so use ie XHreq
break;
default:
file=new XMLHttpRequest; // Otherwise use moz XHreq
file.overrideMimeType("text/xml"); // And override content-type to avoid breakage
}
try{// Error susceptible code (Moz may screw up, especially if you're breaking the security rules)
f.open('GET',n,false);// Open connection
f.send('')// Send empty string
}catch(e){// If error
return []// ...return empty null-length array
}
return [f.responseText,f.getAllResponseHeaders()]// Otherwise return response and http headers
}
Note that the file must be within the current domain, or only ie5.5win will actually be able to fetch it....
I have a function on my site where it imports links from from a text file and automatically changes the links around and inserts them into the database, filling up the necessary fields in the database.
I would like .zip to be taken off the end of each link where there is .zip at the end of the links.
Here is an example:
Will end up as:
Yamaha YFZ - 450 1999 Service Repair Manual.zip (This is due to the code replacing _ with a space and inserting a space when it goes from lowercase to higher. There are more rules this is just used as a example)
What I need is for the .zip to be removed, e.g: Yamaha YFZ - 450 1999 Service Repair Manual
Check out the code below:
I'm brand new to jQuery, so I apologize if this is a 101 question, but I'm trying to sort out a production issue. I do QA for an ecommerce website. When one of our developers made some changes to our application recently, a couple of the plugins we use stopped working on those pages. Looking at the code, it seems we load jQuery 1.4 and several plugins, including autocomplete and popdown. In the changes, for some reason, the developer loads jQuery 1.4.2 (after 1.4 has been called) but doesn't call the plugins again. I'm assuming that this is the reason the plugins stop working. Can anyone confirm this theory?
(The reasons why we don't call 1.4.2 earlier in the document are, sadly, mostly bureaucratic. If I can get this confirmation, hopefully I can push through that.)
Using a UI dialog I'd like to load in 10 or so images. Each would be unique and after you click on one the following needs to happen:
1. Image appears on the parent page in a specified ID.
2. A "hidden" field is updated so that when the user submits the db is updated with their selection.
3. Dialog closes automatically.
That's it. Basically it would work similar to "datepicker".I'm using the latest 1.4 and ui and been making great progress as learning basics. I need to do the above and it seems like such a no brainier and or it should already exist but after 2 days of searching and trial and error...
How to display loading gif image until the big image have loaded? Now I have the html and js but it doesn't work. Anyone have some idea or solution ?
[Code]...
i am using ajax to retrieve the img url path how am i going to use the img url path i retrieve and display as a image and i using javascript language anyone know? how to do that i try the follow way but don't work what wrong?
Code:
var descIg = "";
descIg += rssent[i].descImg;
var placeImg = document.createElement('img');
placeImg.src = descIg;
I want to create something similar to what they achieve with this script:[URL] I know I could just download their script, but it's for a website that will be commercial in nature, and my cousin doesn't want to pay 29 pounds (which is a lot in AUD!) for it. I can use a rollover to display a larger image next to it, but I'm not sure on how to make the image move like that one does.
View 5 Replies View RelatedI am still new to jQuery and I am trying to figure something out. I have this code:
[Code]...
This is working fine on itself. What is does is when I click a link it loads data into the following div. When done loading it slides out. But I want to change the appearance of the slide. I have tried to do that like this: $(this).show("slide", { direction: "down" }, 1000); But this doesn't work. When I check firebug it says the following: o.easing[this.options.easing || (o.easing.swing ? "swing" : "linear")] is not a function
Ok, I have a student form which will be filled by operator.I want a small image to be displayed in a frame in the form when the operator brows the image each time he/she fill new student form.
View 1 Replies View RelatedCan anyone point me in the direction of a script that will show an image for, let's say, two days and then after that time show another image? I have one which will change images every day of the week but I'm looking for something where the original image never appears again. Possible?
View 1 Replies View RelatedAm having 5 images,
image1,image2 upto image5,
when the page is loaded initially i want to display image1 for 8second, then next 5second image2, next 5 seconds image3,next5 secondimage4,next5second image5,
then again i want to display imag1 for 8 second ...continue this loop,
Using java script i want to do this , any good suggestion for this,,
i have tried like set interval function. how to disable other image and how to call the images for 5sec,
This javascript is working satisfactorily, but having written it, I find its not quite what I want. What I really want is a different potshot to come up each day of the month. I have 31 potshots, so this should be no problem. What I would like to do is to test what day in the month it is, and then select that array element. For instance, today is wednesday Nov 9, so clicking TODAYS POTSHOT should bring up element [9]. Tomorrow, the same click sequence will bring up element [10] and so forth.
How do I find the numeric value of the day of the month? And then having found it use that as the array index value?
I'm working on a web map, in which you click on a building to open a pop-up with a photo of that building in the window. Rather than use a generic pop-up, I've styled it to look similar to the parent page. Since my map contains over 200 buildings, initially this meant creating over 200 separate html pages with the image source and dimensions for each building photo. That's clearly very inefficient and not a process I want to duplicate! Therefore, I needed some dynamic code to generate the content in the pop-up.
I successfully used a cookie to pass a building ID variable to the pop-up and use that to grab the associated photo from a directory and that worked fine. However, I ran into problems because the photos are not identical in size, and I also needed to get the image width and height. I tried preloading the image using a standard image caching script and used that to obtain the width and height of the image. Then, I used document.write to place those variable in the <img> tag and place the photo on the page.
The problem is that the cached image will not display on the page when it loads, only if I hit refresh. Can anyone tell me how to get around this? Here's the code I'm using. I call this function inside a <p> tag in the body of the page:
if (document.images) {
bldg = new Image();
bldg.src = "../../Columbia/bl/bl_" + BldgId + ".jpg";
theWidth = bldg.width;
theHeight = bldg.height; }
function showImage() {
var photoSrc = "<img src='../../Columbia/bl/bl_" + BldgId + ".jpg'";
var insertPhoto = photoSrc + " width='" + theWidth + "px' height='" + theHeight + "px' alt='" + BldgId + " Photo not available' />";
document.write(insertPhoto);}
Is there another way to get the image's dimensions BEFORE I place it on the page?
I can't get my script to display a simple jpg image. Here is the code I'm trying to use
<HTML>
<HEAD>
<TITLE>A First Script</TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
<image1 = myImage();>
<img src="C:Documents and SettingsOwnerDesktop eresa1.jpg" name="myImage" width=100 height=100>";
// End -->
</script>
</HEAD>
also I save it to my desktop as an html file and when I click on it to run
I get the information bar block and go through the other 2 steps to try and
display the page but it just comes up blank so my questions are how do I display the image and how do I turn off the annoying info bar?
i have the simple code below to display a random image; how can i modify this line to place the random image at 225px wide by 141px high?
Code JavaScript:
document.getElementById("highlight_1").src = randomimage1;
I have to display an image in a fixed spot on my web page. The images are submitted by users, and I have no control over their size (width and height). If the image is wider than 130 pixels, I need to display it with an IMG WIDTH=130 to fit the spot. If the image is less than 130 pixels, I want to display it as is.
Is there a way with Javascript to retrieve the width of the image before the image is displayed by the browser? I know I can preload the image, can I then look at the width before the HTML displays it?
+ I ve 2 options: 1 month (Jan, Feb, ...) 2 year (2000, 2001,...) display images by choosing both 2 options above + But I only link option (month) to display by using javascript I don;t know to link both option to display tell me way to use both option to link to images
View 1 Replies View RelatedI have a code where it checks the userID and email. If it is OK then a check mark image is displayed, however I cannot get it to work on my email input. All it get is OK
[Code]...
I would like to create a photo page using 'rollovers' however am
finding it increasingly hard to find any information.
I would like it to display around 10 thumbnails all leading to one big
picture so when you hover over the image with the mouse it displays the
picture in big.
I have searched the net, however have only found info on 'rollovers'
for one image.
I used this script and it is working fine. I changed those two images and put my own. Image1 is of 600 width and 340 height and Image2 is of 560 width and 794 height.
The code is working fine but the tool tip window resizes automatically
and shows up the image. How can I have a fixed height and width? Which
line should I change so that the height and width of the tooltip window
is constant?
I tried changing var tipWidth = 160; but no effect tried playing with var startStr = '<table width="' + tipWidth + '"><tr> but again no effect.
I want the tooltip window to be constant and the picture size should be resized to fit in that tooltip window and aspect ratio for height and width should be resized automatically.
I am using some Jquery code + CSS to display fade in and out text above each image. However, i can't figure out what I am doing wrong and the text is not being displayed when the user hovers the mouse over each image..
[URL]