How could I use "ui.size.width" to retreive variable of current DIV?I am trying like this, but don't have luck:
<script>
$(document).ready(function() {
var test = null;
[code]....
How can I retrieve the content of <legend>content</legend> in the CURRENT <fieldset style="display:block;"> ?
View 3 Replies View RelatedI have set up a pretty nice page with moveable layers and everything. Now I'm stuck in the very last part, how to open a popup!
Basically I have a div-layer with three events: onmousedown, onmousemove, onmouseup and ondblclick. The last one should be for opening a big image of the small thumbnail in the layer.
So what I've got yet is this:
function Oeffnen(id) {
var url = "bilder/"+window.document.images[id]+".jpg";
testwindow = window.open(url, "bild", "resizable=yes,menubar=no,scrollbars=no,toolbar=no,status=no,screenX=50,screen Y=50");
}
it's the "var url" part which is giving me headaches. The thumbnail is say /thumbs/img1.jpg. On double-click it's supposed to open a new window containing /pictures/img1.jpg. Not really difficult, but I just can't figure out how to get the "img1.jpg" part! id is the name of the div-layer.
So what am I doing wrong here?
This is in connection to the tread: Re: changing browser text settings?
I am wondering if there is a way to retrieve the browsers text size (not
change! ;-) ) so that I can dynamically resize the size and position of the
layers to accomodate larger than normal text-size settings. I really hope
there is because it would mean not re-writing the whole page (which I'm not
sure how to go about).
the page is here:
My resizable works great. I want to be able to set the width and height after init. How do I set the width and height from a javascript function? I am using the onClick event of an IMG to call a javascript function.
I want to set the height and width of my resizable, so I want to set ui.size.width and ui.size.height.
How do I reference ui.size.width and ui.size.height of my resizable within a javascript function?
I'm implementing the Sortable future from MooTools, currently, I'm tweaking it so I'll be able to use nested lists, just in the way I want it.
[Code]...
In this Sortables object, I need to retreive some elements from this CURRENT sublist. As you can see, for the moment I've placed a % sign, where normally an integer or another key would fit. In PHP, we know the function "current()" for this. But how do I fix this in JavaScript?
I have 2 monitors with a different resolution. It is important in yapplicationthat I get the screen size of the monitor wherethe webbrowser is located. When I try to get the screen size (window.screen.height + window.screen.width) only IE gives me always the screen size of the main monitor where my taskbar (windows7) is located, instead of the screen size of the secondary screen where the webbrowser is located. It does work in all other webbrowsers .
I have created a page with an alert on JSbin.com to show you your screen resolution. If you use 2 monitors open the page in one of the monitors. You will notice you will get the screen resolution of the screen where your web browser is located, except in IE (hoera!)
I have a button (in html) and I want the center of the button to be on the center of the line I'm typing on... I was just putting it inside a span and then using this code to move it down.
<span style="position:relative; bottom:-10;">
It worked great! But... once I started allowing my users to change the font sizes the buttons got bigger and they needed to be moved down further...
if the font size was +1:
<font size="+1"><span style="position:relative; bottom:-10;">
if the font size was +6:
<font size="+6"><span style="position:relative; bottom:-27.5;">
So is there a way in javascript to detect the current font size and then adjust the span position based off of that? If I can just get the number of the current font size I can do all the rest of the coding, I just need a way to figure out the current font size and put it in a variable... I was thinking of using something like 1.0em so that it stays the same but then we have a basis of measuring off of but I have no clue..
I have a div that appears directly below a text box. When the user clicks on an item in the div, i place it in the textbox. I want the width of both the textbox and the div to be that of the largest item in the div.
However, setting the textbox to have the same width of the div will not show all the characters of the selected text. I assume this is because of differences between pixel width and the input size property.
I am trying to get a slider (slidedeck) to open to a certain slide when the page loads according to the current url.
[Code]...
I'm really new to JS so I'm not even sure if this is the best way to go about this, but SlideDeck don't offer support for linking to a specific slide when using their WordPress plugin (which is poor form I think) so I need to figure it out myself.
I am trying to get the current page HTML URL (the one at the top in the address box) and place it in a variable.
[Code]...
i have a image that need user click on it and get the coordinates and store the coordinates to mysql database by using php. Here my code:
Code:
<script type="text/javascript">
function(ev){
var pos=zxcPos(this.img);
var mse=[ev.clientX-pos[0],ev.clientY-pos[1]];
var ary=this.ary;
if (ary.length>4)
[Code]...
If I have a javascript variable with a value in it. How do I RETRIEVE the value of it and insert it into my <TD> cell? I am using a table to input values to <CANVAS> tag to draw a graph based on the values in <TD> You can ignore the part when ZHTML is evaluating with <? z tags
<HTML>
<HEAD><TITLE>Welcome to Version 2</TITLE>
<!-- JavaScript HEAD AREA -->
<script language="javascript" type="text/javascript">
var rowValue; //Global variable to manipulate.
</script>
[Code]...
I didn't see this as an option, so I decided to give it a try on my own. I was able to add some lines of code (shown with the > in the margin below) to the jquery.cycle.js script to read in the width of each image and center the slide within the slideshow container // set position and zIndex on all the slides
View 2 Replies View RelatedIve never heard of this being done, but currently ive got a div which sits in the center of my screen. The div is about 80% wdith so there is a 10% gap on the left and 10% gap on the right. However, I want the gap on the top and bottom of my div to be the same as my gap on the left and right.
I need to somehow capture the pixel value for the gap on the left and right, store it in a variable and then use this number in my css for the top and bottom gap.
I'm a new Javascript coder; it's still pretty easy for me to get snagged on stuff. Anyways, I had a question for a specific project I've been trying to figure out.
I have an element set with CSS to a width of 160px. What I want is a way for users to the site to drag a slider back and forth to set the width of the button. Some sort of smooth animation while this is happening would also be nice. I'd also like a way to set a max width on the element.
So, can this be done? I'm guessing it would use jQuery, but I don't really know.
I am trying to access the width variable from my main page. Within the imageinfo.js script functions I can alert() the width value which returns 1024. But I can't seem to pass this variable to my main page or access it directly so that I can use document.write() to write the variable on the page. Whenever I try to call the 'width' variable directly from the main page I get undefined. How can I access this variable? However, with the test code below, I was able to get ducument.write() to write the 'width' variable on the page but now the page doesn't stop loading - there's an endless loop in the code...
Code:
BinaryAjax(url,function(http) {findEXIFinJPEG(http.binaryResponse);test(width)},null,useRange ? [0, Range] : null);
Main page
Code:
<html>
<head>
<script>
function test(width){
document.write('Image Width = ' + width)
} </script>
<script type="text/javascript" src="binaryajax.js"></script>
<script type="text/javascript" src="imageinfo.js"></script>
</head>
<body>
<script type="text/javascript">readFileData('image.jpg')</script>
</body>
</html>
Imageinfo script - This script uses the binaryajax script found below.
Code:
/*
* ImageInfo 0.1.2 - A JavaScript library for reading image metadata.
* Copyright (c) 2008 Jacob Seidelin
*/ .....
Code:
$('.openDialog').click(function(event){
var width=$(this).attr('width');
var height=$(this).attr('height');
[code]...
I'm trying to do something like above, where I pass the width and height into the Dialog box but it doesn't take the variable.It only works if I put an actual number here instead of a variable.
$('#dialog').dialog('option', 'width', width);
My client wants a ticker, only with client logos. I've found several scripts which are cool, though no one is precisely what I'm after. Company logos vary in their proportions. I'd like ideally a script able to continuously horizontally animate images of the same height, but with variable widths. Found plenty of scripts moving same width images left/right, or using a carrier (table/div/layer) to contain a set of variable width images - the latter leads to blank moments my client doesn't like while the carrier is repositioned.
I'm very intrigued as to why this doesn't seem to have been done and wonder if there's a reason. Is the computation needed in passing widths in a variable to a move function too much for the client-side? I don't want to waste my time wading into repurposing a script for this if it's not viable as I can't pass that cost on to the client, you see. I'd rather bail and do it using Flash.
I am trying to create a slideshow. My requirements are as follows:
-variable image size
-descriptor text for each image
-previous and next image function (I have used an image in my code by have decided that I would now prefer a text link)
Here is the code I have so far, currently the image and text is not changing!
Code:
Is there any way that one could have supersubs functionality applied to drop-down multi-column menus?I assume one would need to calculate the width of each column plus the combined width for the container.
View 1 Replies View RelatedI currently have a website where i share thoughts with my friends (some kind of forum) and within this 'forum' people can post pictures they made but most of the time these pictures exceed the max width of my website so my website gets all streched out!So this is what i want: all images on the page must run thru some sort of function which checks if the image image width exceeds the max_width. if it does then the script must calculate how many pixels the current width exceeds the max_width and get this number so that the script does: current_width = current_width - (max_width - current_width)
View 1 Replies View RelatedI've recently start using Flexigrid (old JQuery grid plugin), and, as you may know, one of the few issue this really good grid plugin got is the lack of liquid layout option. My personal idea to solve the problem is to set the "width" parameter depending on $(window).width. Here is the problem (and here's why i post this question in "General use" and not in "Plugin").
The starting, and working, code is:
$(document).ready(function(){
$("#flex1").flexigrid
(
{
[Code].....
This work fine for me, but I supose it could be done way much elegant... maybe somethin without "IF" that could emulate the "%", like var percentage = $(#div.id).width()*0.XX with the 0.XX picked from an array of percentage, one for each column. Probably I should set up a function... ahhhh, as you may easily see I'm a total beginner with JQuery (and JS in general...)
I have 2 monitors from a different size. It is important in my application that I get the screen size of the monitor where the webbrowser is located. When I try to get the screen size (window.screen.height + window.screen.width) only IE gives me always the screen size of the main monitor where my taskbar (windows7) is located, instead of the screen size of the secondary screen where the webbrowser is located.
View 6 Replies View RelatedIs the next jQuery code the best way to decrease an elements width?[code]I tried using the next code:[code]but that's not working, also not with '-20'.Maybe it's an idea to add this functionality? It's is already used in the .animate() function for changing the position of an element.
View 3 Replies View RelatedI am new to Jquery mobile framework.I have an asp.net web application and I want to convert it into Jquery mobile framework.I have a datalist on an aspx page.The size of the datalist decreases according to the window size to certain extent after which the size of the datalist becomes constant and doesn't decrease with the window size.
View 2 Replies View Related