I got this Resize Image BBCode here. It is used for a Forum called Zetaboards, where I can just put it in my Admin Control Panel to make it work for my whole forum.What does the code do?With this BBCode, members are able to insert images to their posts and also are able to resize the images.[code]Can someone please help to make the code work correctly so the images are resized properly on Firefix, IE, and Google Chrome?
View 1 RepliesWe have a js heavy web-ui. In the production environment it runs minimized, composed from 10 or so js files. When we have a js-error of some sort (we have about 100 users and growing) we write the window.onerror information to a database. Only, it is not very helpful since linenumbers mean nothing in the intelligeble code.
Is there a minifier that tags the result that would allow translation of linenumbers? Is there some other method people use to solve this problem?
getElementById Bugs
There are two getElementById bugs up for discussion:
1. getElementById is case-insensitive but it should be case-sensitive.
2. getElementById searches NAME attributes as well as ID attributes but it should not.
My tests show that IE 6 and down have both bugs, Opera 9.02 has bug #2, Opera 7.54 has neither bug, and FireFox 1.5.0.7 has neither bug.
My proposed solution relies on something I noticed while testing in IE: "document.all" is case-sensitive altho it too searches NAME as well as ID attributes.
I would really appreciate if some different people could help me verify these findings in different browsers and on different platforms.
There has been another proposed solution - but I really don't like removing the ID attribute.
I'm trying to implement getElementsByClass() for the document object
and the Element interface, that supposed to work for HTML, XHTML, SVG
and MathML class attributes (including mixed namespace documents) and I
have it working perfectly in Gecko (tested in Firefox 1.0.6 and Deer
Park Alpha 2). I'm just having some serious problems with IE and a bug
in Opera.
The test [1] is supposed to get a NodeList (an Array() with an item()
method added) of elements by class name and then output an alert()
containing the tagNames of the selected elements.
After a fair bit of testing, I believe the problem is occuring with the
way I'm trying to attach the getElementsByClassName() and hasClassName()
functions to elements in IE using an HTC. It seems to be breaking at
the point within document.getElementsByClassName() where I call
element.hasClassName (line 34 of the script [2]) but my understanding of
this workaround using HTCs [3]] that I'm trying to use is very limited
and I don't understand why it's breaking. Code:
go to the "Jupiter" graphic on the top left, you'll see that I have a little tab at the bottom of that labeled "Physical". When you click on it, it slides out of the way, exposing a tab labeled "Orbital" and when you click on that one it slides out of the way and exposes a third tab labeled "Atmosphere". These all drive the little spec sheets above- though that's not where the problem lies.The problem is when instead of clicking on the exposed label, you click on the little sliver of the one right behind it, causing the other two tabs to do unintended things. Here's the code:
$(document).ready(function(){
$(".badgeTab-A").click(function() {
$(this).animate({'left':'+=80px'}, 'fast', 'linear');
[code]....
I have the following code in a .net page:
<IMG alt="photo" src="Imagesa.gif" height="70" width="70">
When the page opens, the window is not maximized. So when I maximize
the window, the image disappears. If I restore down, the image is
still gone. All the darn coding on this page and I'm getting stuck on
HTML!
I am trying to dynamically resize an image. Here is my code:
<img border="0" src="images/right.gif" width="16" height="100" name="right">
<SCRIPT Language=Javascript>
<!--
function ChangeImgSize(){
[Code]....
The image does not get resized. I've been testing the page on current browsers (IE 8, Firefox, Chrome). I'm certain I'm doing something newbish, I don't really know Javascript all that well.
how to veiw this eval's out put?
function doButtons(picimage) {
eval("document['picture'].src = " + picimage + ".src");
}
<?php
// to change the image size within the web page
function imageResize($width, $height, $target) {
//takes the larger size of the width and height and applies the formula accordingly...
//this is so this script will work dynamically with any size image
[Code]....
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 want to know how to auto resize an image when the mouse cursor hover
or point onto an image without clicking it.
is there a tutorial out there? or could you show me the link for it.
how to resize a div containing some text by setting a width and height so it would stretch to fill that area like an <img> tag? E.g. when you set the width and height attribute of an image, it resizes the image to fill that area. I do not wish to send a request to a php script to build an image containing the text since it will be slow and affect the scalability of the web app. Oh, and I would preferably not like to use html5 because it is a requisite that I need compatibility with ie7+ (and firefox/chrome).
View 5 Replies View RelatedI have a problem trying to load an image without the image resizing
itself to fit into the window. My simple javascript is as follows:
function viewImage(filename)
{
features = "height=500, width=670, scrollbars=yes, resizable=yes";
photo = window.open(filename, "Preview", features);
}
I need to have an image of a heart on a site that beats, so essentially it expands and contracts. Whats the best animation effect for this? Should I use .animate to resize the image?
View 7 Replies View RelatedI have two images, one on top of another. I would like it so that if you mouse over the image on top (imgB), this image would resize and expand. I have tried playing with jQuery's animate() and height/width properties, but these just crop the image as oppose to resizing them.
<div id="imgA" style="background-image:url(aq.jpg); width:1000px; height:400px;">
<div id="imgB" style="background-image:url(wmc.png); width:200px; height:200px;"></div>
</div>
[code]....
Basically, i have an image that i want it to be resized when i maximize and change browser size, so it is always centered. I have to use only javascript. I tried many window.resize functions but nothing works. Lets say the image is called 0000.jpg.
View 2 Replies View RelatedI've written some javasript code to resize an image tag. While the page loads the image tag is display: none so a large image wont break the stylesheet before I have a chance to shrink it. onload I call function load1 and you can follow the rest from the code below. This is working in Firefox and Chrome and appears to be doing absolutely nothing in any version of IE.
Javascript after </html> tag:
<script type="text/Javascript">
function load1() {
imageLoaded();
document.getElementById("confImage").style.display = "block";
} function imageLoaded() {
var iW = document.getElementById("confImage").width;
var iH = document.getElementById("confImage").height;
changeImageSize(iW, iH);
} function changeImageSize(iW, iH) {
if (iW > 460 || iH > 460) {
reset dimension of image to fit in div
var multiply = 0;
if (460 / iW < 460 / iH) {
multiply = myFloor(460 / iW, 3);
} else {
multiply = myFloor(460 / iH, 3);
}
document.getElementById("confImage").width = multiply * iW;
document.getElementById("confImage").height = multiply * iH;
}}
function myFloor(n, pos) {
n = "" + n;
if (n.length < n.indexOf('.') + pos + 1) {
return parseInt(n);
} else {
return n.substr(0, n.indexOf('.') + pos);
}}
</script>
I have an image that i want it to be resized when i maximize and change browser size. I have to use only javascript. I tried many window.resize functions but nothing works. Lets say the image is called 0000.jpg.
View 3 Replies View RelatedI am trying to make a javascript utility where the user can resize and drag an image. A slider contols the size of image from 0% to 200%. And also the image is draggable and the x and y coordinates of the image are immediately reflected on a text box in the page.
I think that this is possible with jquery or other javascript libraries. But was looking for some direction where I can find the best tutorial or examples.
I have a large image that is located in a folder called "large_image" .
I want to use javascript to resize that image to a size so that it would fit to page before it is sent to printer. Is that possible.
I have a situation where I'm sending full sizes images to new windows from linked thumnails. Using _blank, the window is rendering at a very small size, and the image scales to that size on some browsers.
I want the window to be larger when it comes up, and the image to display maximized (not scaled). I know how to resize the window from javascript in link-side docs, but not in linking-side docs.and no idea how to max the presentation of the image.
I was wondering if there is a way to use Jquery to reduce the amount of images I use on my company website as well as resize them depending on the page they're displayed on. It's just that I feel that's it's very tedious creating 5 or 6 formats for each campaign each with it's own dimensions depending on the page and unfortunately my company doesn't want to implement a Backoffice fed site, which means I have to do it all manually.
View 3 Replies View RelatedI am trying to write a custom BBcode for a forum I moderate. I don't have the licensing information because its not my forum and i am just a moderator. If anyone wants to verify the legitimacy of the forum I work for please PM me and I will try and get you any information I can.
View 8 Replies View RelatedI'd like to see and use a javascript to resize an image.
I've creating a site and I'd like that only this image will be resizable automatically based on resolutions (800x600, 1024x768, 1280x1024, ecc...)...
I have a background image in body.What i want to achive is that
1)- calculate the visitor screen resolution.
2)- based on that resolution i want to resize my background image.
All I want to do is to resize my background image say bg.jpg as per the visitor's screen resolution.On internet, I did find working javascripts but they used the if (width= height= ) thing.
View 1 Replies View RelatedIm looking for a code like the one below that automatically resizes posted images to desired size while at the same time the resized images are clickable for full size which opens in another window.
View 9 Replies View Related