Code...
So the idea of the code is to load an image from a record, and echo both scenarios of 1) the image being a valid size and fitting in the table, or 2) the image width is too large, so add on width='100%' to the image. After both rows have been loaded, call the javascript function in PHP to hide the appropriate table row.
Posting this in javascript because the problem might be caused by my scripting.
I made a 3 page long form using javascript, and the contents of the second page aren't submitted to the php script. link (http://rolstoel.dlnet.org/toevoegen.php?page=1)
Simple random pic script that I found on the some other forum (I forget what it was) code...
code anchors to HTML markup [CODE]
it is working perfectly for Safari and Chrome. Nothing is showing for FF.
I am trying to fix some datetime strings so I can convert form values into date objects so I can compare the dates in my validation process. the date time strings look like - 7/21/2011 8:00am
for some reason the am is not being replaced by " am" . here's the function code...
I have a javascript running on my site at that disables right clicking (viewing source, saving pictures, etc.) that works beautifully in IE...but not in Firefox. Does anyone know of a solution?
View 6 Replies View RelatedI have installed an image rotator script on my page however the animation is not working i.e. the rotation between images is not taking place. The script works on my localhost though. code...
View 4 Replies View RelatedI have the following in my html page code...
When I try to put this in an external file (I need to do this to avoid placeholder replacement problems) the js is ignored. I am removing the <script> html portions and the js file is in the same folder as the script. Other js in the external file IS functioning so the file is being read ok.
Can anyone give me some insight into how to get this done?
I have a page that comes up through XMLHttpRequest and inside that page there is a button.
This button doesnt work the same as the buttons outside of the buttons on the main page. Sorry I don't fully understand AJAX and how it works, I know XMLHttpRequest is a bit like an iframe (in the sense that it brings data from another page).
Basically I have a shopping basket, and this basket sits at the top, I load up the database with XMLHttpRequest which brings up results, each result has a button next to it which calls the basket and adds themselves to it but they don't.
If i get the exact same button but use it outside of the XMLHttpRequest div it works.
Does anyone know of a good MIT-Licensed, or MIT-style image swap and disjointed rollover solution? All the ones I've seen are either GPL or personal-use only. The examples of img replacement scripts I've seen on stackoverflow are either only for personal use (I believe every example on the site is personal only, unless stated?), or too narrow in scope.
Any help would be great as the docs.jquery.com site has great demos on almost everything except how to swap images. I don't mind if its a block of code or a plugin, although preferrably something small and simple would be great.
It sounds like a big ask, but I thought I would ask as this place is super-friendly, unlike some of the other js libraries' forums' I've been to.
We are code crushing the width of images from 285px to 260 pix.
However we aren't changing the height. we need a bit of javascript
that can make that percentage change to the height as well.
I have a lot of images on a page and the have to be a little bit larger, so i dont want to change all of the css.I have made a couple of lines of code which doesn't give the right values back.The images have all diffrent sizes.
$('.imgbox').each(function(){
var getX = $(this).width();
var getY = $(this).height();[code]....
there's probably some thing wrong because it gives me very big values back.
im trying to resize an image to fit it in a cell in my table which is a fixed width and height. The images im using have varying sizes some are more tall than wide and some are more wide than tall .
So im using this javascript code that i have got from somewhere on the net ( cant mind where now) that should hopefully resize the image keeping the aspect ratio but the code is not resizing the image .
my page for example is on [URL] and if you click the text "previous" or "next" you will see what i mean
I wrote code to resize a div element.The main aim is to resize the div element from any direction. But it is not working correctly in Mozilla. Even in IE it is working fine only if the mouse is dragged slowly. If we drag the mouse fast it is loosing the control. Are there any browser issues to be fixed. Please check it. I'm including the file.
Code:
========================HTML File============================
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>[code]..........
I am loading an html page using the .load() function into a div called content. I have an overlay that is the same size as the div (I do this for a transparent effect).So with the .load() function in the callback I set the overlay div height to the content div height.. which works fine except when there are images. Since the images aren't loaded yet the div height will be smaller than actual size.[code]and the html file can include anything such as video or images.I tried doing a .delay(1000) just to see if that would fix it but didn't seem like the delay was working.How would I properly set the overlay div height to the content div height AFTER the images have been loaded?
View 2 Replies View Relatedi would need a 1x1 pixel image for my flagcounter,ive been trying for months:([URL] (the stars for the image not to appear)
View 8 Replies View RelatedI'm attempting to integrate an image resizing interface (view source for code) on one of my projects.
When you resize the box, I'd like to keep the proportions (which I can set i.e. 4:3) instead of allowing you to freely transform it..
I've had no reply from the author, does anyone know how it could be made to constrain set proportions?
Could some-one please tell me (in simple words ? ) why client-side image resizing is not possible by JQuery - not just changing the breadth & height of an image but actually changing the image to decrease the image file's size ?
It seems possible in java & flash . I would like something like in :[URL].. I would like to have a smaller/fixed image size to upload to server, instead of doing the resizing on the server.
The *small, medium fullsize* text will be off to the left (in IE8 or IE9, works fine in Chrome, FireFox) and will not be aligned with the left edge of the image.
Code [URL] Line 154:
Code JavaScript:
ShowView.prototype.setImageSrc = function (imagesrc) {
var image = $('img#image');
[code]...
From what I can tell the `container.width(imageWidth);` is not rendered in IE8 or IE9. If the page is refreshed then it works. Using the built in developer tool shows the correct value in the html but if you use selector tool in the developer tool outline does not reflect the changed width value.I've tried using vanilla javascript. That did not work. I've tried setting the image source twice. That did not work either.
Im using the below javascript to resize images on a forum I have created but I want it to ignore 2 certain images that are part of my header. Heres the code
<script>
window.onload = resizeimg;
function resizeimg()
{
if (document.getElementsByTagName)
{
[Code]...
How can i improve image quality on resizing it by mouse dragging.
I need to do this using javascript. Can we achieve this using some scale factors.
i just want to know if there is a way on how to determine if the images are fully loaded before resizing the images. I currently develop a slideshow that display images from the server. I just found out that if the images is not fully loaded it return wrong height and width. I just want to determine if the images are fully loaded before i resize it.Height and width is important to my application because i need it to adjust margin of the images.
View 9 Replies View RelatedI've set up jcarousel and configured it to work how I need it to, apart from one thing; I need the images to keep their width - height ratio when the browser is resized.
I'm using the Flexible carousel configuration and the width of the images changes appropriately when the window is resized, but the height stays the same, I need it to change.
I'm close, but the issue is that if the window is opened at a size that is SMALLER than the original image, it wont scale down to the smaller size until i first make the window bigger, THEN size it down smaller. The image itself is big (its fashion photography so it needs to be high res) and the js sets the minimum width at 1070. Id like to have the image as big as possible and then on page load automatically drop down to as low as 1070px if the window size is small. Here is the js:
[Code]...
I got this working in chrome and was happy until I got to check out IE8! Enough said about that.The code I have now will work (in both chrome and IE8) if I manually set the height and width of the image but I cannot get them dynamically, for instance if images have different sizes, I've been trying for a while now but cannot get anywhere with it.The code I am currently using (of my own creation) is;
$("#lightbox_image_container").html('<img id="lightbox_image" src="http://www.veritywebdesign.com/gallery/gallery_images/image.jpg" />');
$("#lightbox_image").load(function() {
// image_width = $("#lightbox_image").width();
[code]....
How do I get the height and width dynamically after loading the image?
I am having a problem removing an element after adding it.
This removeElement funcrtion works in IE but not in FF code...
As you might know, removeNode() is an IE DOM extension (works only for IE5, IE6 and Opera 8 but not in IE 5.2 for Mac, Moz, Safari.
Following one of my clients request I think I found a cross-browser solution to remove a node but keeping it's childs. The request was to find a function which will remove, onevent, the <a href=""> tags, but keeping the inner text.
This is what I have done. If you know a better or a shorter solution, please let me know:
function removeN(tag){
var tags = document.getElementsByTagName(tag);
for (var i=tags.length-1;i>=0;i--){
var root = tags[i].parentNode;
var kids = tags[i].childNodes;
var eSpan = document.createElement('span')
for(var j=0;j<kids.length;j++){
clon = kids[j].cloneNode(true);
eSpan.appendChild(clon)
}
root.replaceChild(eSpan,tags[i])
}
}
the variable tag might be 'a', 'strong', 'em'....
I guess that the code might be used as a crossbrowser solution for replaceNode() as well. In fact the code as it is replaces the node tag with a <span> tag, but it might replace it whith another desired tag....