I've got a div "main" that gets it's width changed via state chart. Now, in main I've got a div "item_title" that needs to change in respect to the width of "main" -90px because I have a fixed width 90px div also in "main". The code I have isn't sizing at all, like the width isn't being applied. In the css I don't have a width declared to the "item_title" to make sure nothing is interfering.
View 2 Replies
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 can access the drop-down value(s) the visitor has chosen by $("#ak option:selected").each(function () {... but now I want to force the drop-down list to be selected to a particular default value of my choosing ... how would I do this?I did try:
$("#ak option:selected").each(
function () {
$(this).text('-> Choose Accessory kind');
[code].....
how can I alter the height of a text of font?
View 5 Replies View RelatedDoes anyone know how I can alter JQuery slideviewer pro to fade instead of slide?
Here's the link to JQuery pro [code]...
I haven't used jquery for quite a while and I'm trying to simply alter out the text in a div with an ID of "test" but I'm running into trouble.
Code:
var mytest = $("#test");
alert(mytest);
I'm sure it's because I've selected the div as a whole, but I've tried selecting the first child with no success.
I suppose I should first chain in a "p" selector, then select the first item, but I'm not quite sure how to do it. What I think is my closest attempt is as follows:
Code:
var mytest = $("#test").("p")[0];
alert(mytest);
Is 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 have a form which submits via ajaxForm so i can do a fancy image uploader:
$('#uploadForm').ajaxForm({
beforeSubmit: function() {
$('#uploadForm').find('.image-display').children('img').attr('src',
[code]....
I'm new in jQuery. I have to alter randomly the order of the td elements of a table. My initial idea is:
- Clone the original table (I can't modify it).
- Disorder randomly the elements of the cloned table.
- Show the cloned table.
The actual code is:
<html> <head>
<script src="[URL]"></script>
<script type="text/javascript">
$(document).ready(function(){
});
</script></head>
<body><script>
$(document).ready(function(){ .....
We are working within a CMS and we have a dynamic text header that pulls into the top of the page. The problem is that there are certain titles that are too long and are breaking into other design elements. I'm thinking there should be a way to count the number of characters and then dynamically change the font-size of the header.
View 2 Replies View RelatedI got a table, first tr got 10 td, how to get the sum of the first three td's width
All I know is like:
Is there any solution via jQuery?
let me try to explain better what I'm trying to do. I'm a real newbie I don't know much javascript but I understand more or less the logic behind it... tell me if this solution should work and if you know how to do it please show me. [URL]... I need to make div#photo's width to match the total width measurement of all the images it contains. If you load the page and you don't touch the size, it will work fine... but that's not realistic. If I resize the page, which will happen often on this kind of page (I'm assuming), the whole thing goes haywire (try it, scroll to the last image and resize the page you'll see what I mean). What can I do? Is my idea the right solution? Am I not explaining this clearly enough? Let me know please, I'm desperate. I've been trying to get CSS to do this for me for 3 hours now. Nothing works.
View 6 Replies View RelatedI am trying to setup a javascript function that sets a div's width based on the combined width of the li's with the name "navItem". The problems I have been running into when trying to define the width of the li's is that they do not have a width defined in css. Can anyone help me out with this? The javascript function setWindow is suppose to show the div loginWindow and set the width of it.
Code:
<div id="topNav">
<ul>
<li><img src="<?php print $site->folder['images']['header']; ?>topmenu_left.jpg" border="0" alt="" /></li>
<li name="navItem"><a href="<? print $site->url['about']; ?>">About Us</a></li>
<li name="navItem"><a onmouseover="setWindow('loginWindow');" href="<? print $site->url['billing']; ?>">Client Services</a></li>
[Code]...
I have been struggling to find the right solution to validating a username in a form to make sure it is unique. I don't want to use Dreamweaver's validate username because I want the error to appear on the same page next to the form field as it does with the Spry Validation. I use Spry validation for all the fields but it doesn't check to make sure the username doesn't already exist. I was wondering if anyone knew the code I would need to add to SpryValidationTextField.js, SpryValidationTextField.css and the actual form page to make this happen.
View 6 Replies View RelatedGiven a string like:
<input type="button" name="b1" value="Button">
I want to locate the element's name (b1) and replace it with this very name
+ some spice.
And of course it can be any kind of loose HTML syntacs:
name="b1"
NAME="b1"
name='b1'
NAME=b1
....
So it's something like (totally wrong expression, I know):
/name=(s+|'|")(name)/$1+my_spice/i
But I did not work with regexp for a longest time, and I'm just too lazy (sorry to admit) to read manuals over again just for one case.
I need to display some addition html within a form when a checkbox is clicked. I know nothing about javascript but am pretty sure we can do it.
Here is what the code will look like if the box is NOT checked:
HTML Code:
<tr><td><input type="checkbox" name="name1" value="yes"> Check Me!</td><td> </td></tr>
However when the box is checked, I want some additional HTML to show, like this:
HTML Code:
<tr><td><input type="checkbox" name="name1" value="yes"> Check Me!</td><td><input type="text" value=""> Text Box Here!</td></tr>
Basically, when the checkbox is clicked, I want a text area to appear.
I need a code that when a button or image is clicked then a div's width and height are changed.
Ive managed to get a few codes that does this, but the real problem is that, the contents of the div is an embedded flash file and i thought that by setting the flash width and height to 100% then the flash would fit to the new size of the div, but it just didnt work.
I need a code that when a button is clicked then the div's and the flash's width and height are changed.
please have a look at the temp website latinunit net / temp / , you will understand where im coming from.
on the right hand side i have a flash chat in a div , div is controled by a script that allows it to follow the scrollers up and down.
My goal is to add a little button in the same div that says expand or maximise so when clicked the the div expands aswell as the flash file.
I am using this code load a file from server to display in to a div.
Code JavaScript:
function getHTTPObject() {
var xhr = false;
if (window.XMLHttpRequest) {
xhr = new XMLHttpRequest();
[Code]...
I want to use the same script but apply for a button, clicking the button, a file called from server will display in the div "ask_seller". Since button has no href attribute, I don't know how to name the file that going to be called(or I don't know what is the usage in this case)
I'm trying to slightly alter the script found here,[URL].What i want to do is make the carousel work on a Next/Previous feature versus a 1, 2, 3 method. I tried to do it myself but found i was was just going in circles and nothing was working.
Javascript
Code:
<script language="Javascript">
<!--
function slideFolio(col){
[code]....
I have a popup window that appears, created by a 3rd party javascript. I have the handle to the window, it's called "pop". I'm not sure if that is the handle to the window actually.
typeof(pop) is "object"
typeof(pop.parentNode) is "undefined"
pop.document is undefined.
pop.body is undefined.
pop.focus() executes without errors but does nothing.
pop.moveBy() does not exist.
pop.location is the correct URL.
I want to do something like pop.innerHTML = "hello"; but that just makes an error. I don't want to change the URL of the popup window.
i am debveloping a custom google map. how to alter the size of the map? i know it can be done because i did it for a college lesson but i've lost the code. also, is it possible to switch the default view to terrain as opposed to map?
View 1 Replies View RelatedAt the moment, the script creates a gallery with thumbnails from a list of images (from my basic understanding), and I want to add to it so the current code also picks up the text from the alt tag and displays that within a div box positioned absolutely elsewhere on the page, when the main image is displayed.Here is the javascript:
var gal = {
init : function() {
if (!document.getElementById || !document.createElement || !document.appendChild) return
[code]....
I have a multiple fields on my page and wish to have a reusable javascript to update the previous box with the selction made.how would this be done
<form name="form1" method="post" action="">
<p>
<input type="textone" name="textfieldone" id="textfieldone">
[code]....
I've written a function to change the font, this is working in IE but not in FF or Chrome. No errors come up in Firebug. Once this is working in both browsers I will change the function to gradually increase the size of the font to make it look as if the font is growing. This is why I haven't just assigned a class to the text. URL of the site with the script is [URL]
[Code]..
