first off I am pretty much a newbie to web development but especially to java script so go easy with the tecnical terms I am trying to implement an image carousel but I cant get it to work and it is altering the width of my div in the HTML. I have the slider in div id="content", when I dont have the JS file in the folder the div shows up fine but when I have the JS file in the right place it resizes it to 1024*50 so none of the content can be seen. I was wondering if anyone could make sense of the JS file and see if anything would be causing that? I must also point out that I havent written this code, I have copied it from the web.
I want my divs (position: absolute) to be positioned relatively to window size My page is a main table with one cell containing all the rest This cell (anf thus my page) is centered (top and left) Each menu link has onMouseOver which shows (visibility) the corresponding layer (div)
Each visible/invisible layer is positioned on the same spot I use absolute positioning for the divs because some browsers don't support positioning relative to tables My question: is the following code the only solution or am I making my life (slightly) complicated over nothing?
This thing works on NN4, 6 7, IE 4, 5, PC and Mac -- that I know of; repositions divs onResize, with reLoad fix for !#+x°! NN4 I get the window size: Code:
I am using the bookflip plugin i found here: [URL]
I am attempting to modify the code so the book pages resize based on the screen width... or height... not really sure how this should be done as I need the proportions of the pages to stay consistent.
I have been able to achieve the resize on page load but I now need to add the resize() method to the variable.
This is what I have so far (original code):
var $containerwidth = $(window).width(); var $pagewidth = $containerwidth/1.22; var $pageheight = $containerwidth/2.05;
I think I need to add an if() statement in the variable that says if page width or height changes resize else original code that is working. I have this code which I know works but I can't seem to get to work with one variable without overriding the original code... which doesn't work with this application.
Is it possible to alter the contents of a remote page in an iframe through javascript? I have a page I'm showing from a remote server that has no style at all.. and I can't stand the Times New Roman font on my page.
As you can see I am totally lost, I have been trying to work this out for several weeks now without any progress, I need to make about 20 of these displays each include 4 buttons that will none/block the related text area below the display for a visual please see: Code:
<head> <script type="text/JavaScript"> <!-- var whichOpt='select' function showOption(which) { //First hide the currently displaying menu. document.getElementById(whichOpt).style.display = "none";
//Determine what the new selection is. whichOpt = document.getElementById(which).options[document.getElementById(which).selectedIndex].value;
Code: <select class="g4" NAME="bonustype" id="bonustype" style="width:180" <option VALUE="select">Select an option</option> <option VALUE="signon">Sign-on bonus</option> <option VALUE="refer">Refer a friend bonus</option> </select> </div>
<table width=190px align=center><tr><td><div id="select" align=justify class=red>After selecting a bonus type, the criteria relating to that bonus will appear here.</div></td></tr></table>
<div id="signon" style="display:none;">SHOW SIGN ON CRITERIA</div>
<div id="refer" style="display:none;">SHOW SIGN ON CRITERIA</div>
However, at present I cannot get the 'signon' or 'refer' div's to appear. When the php page is loaded, 'After selecting a bonus type, the criteria relating to that bonus will appear here' will appear on the screen. When I select a different option for the 'bonustype' combo box, the writing will dissapear but nothing will show up instead. When selecting 'Select an option' again, the writing that appeared at the start does not show up.
therefore I take it that the javascript is not working correctly (i.e. not changing the style display option contained with in the div's). But why does the 'After selecting a bonus type, the criteria relating to that bonus will appear here' disappear when a different option is selected, but not appear again?
I would absolutely love to have the datepicker icon BEFORE the input field. Is there any simple way of doing this? (Or even not so simple... am prepared to have a go at tweaking the code in the .js file if only I knew where to start looking
It works great, but I'd LOVE to be able to set the tab image to another image (say, a lighter shade of green) once it's clicked. Just so the user knows which tab they're viewing.
I've tried looking through the three .js files to do this, but it's a little too advanced for me.
I'm using jQuery to make ajax calls for content, when I click on a link and pull in the new content, I want the <title> in the <head> to change. I thought that since head and body are both siblings in the DOM I could target the <title> in the same way as a <p> or any other element and write a new value in, using replaceWith() which would then change the text in the tab at the top of the browser but it doesn't seem to work. I even tried adding <title id="title_text"> and targeting #title_text, but it doesn't change that way either. The original title text in the browser tab does change, but to the page uri. After using firebug to see what was going on when using replaceWith(), I saw that replaceWith() was replacing this:
Trying to check how many lines a div has and then alter another to match.
Found this code, but I'm not sure what to do [code]...
Look at Navigation and then look at Animated Menus as an example. When the grey animated menus (div.columnrt) takes up two lines (could be more), need the corresponding left div (div.columnleft) to be same number of lines, so that everything stays lined up. Each of these pairs sits inside of a li element.
Is it possible to alter the query string of the current URL without triggering a page load.
eg. Say you have AJAX pagination, allowing people to change pages without the whole page reloading, just the content of the paginated area. However in case somebody bookmarked the page, they would really only be bookmarking the page 1 - even if they were on page 10.
So, what I was wondering is if it is possible when a user clicks Next, Previous, or Page 10, 15 etc, to alter (with javascript/jQuery) the URL (shown in the browser navigation bar) so that it reflects the page number they are on.
I am sure something like this is possible, either that or it is a damn fast connection. When I browse photos in somebody's photo album in Facebook, the photo loads with AJAX, yet the URL query string changes to reflect the current photo. And all this happens without any obvious full page reload. It appears that the URL/query string is being updated using Javascript while the photo changes using AJAX.
The link below is a stripped down section of a form.
[url]
The problem I'm having is with altering the names of the fields. I'm trying to add an identifier on the end. "_X_1", "_X_2" after the new sections are added.
NOTES:
Incidentally, "_X_" is a delimiter so the key can be converted into an array on the back end to extract data from it.
I can't alter the "repeater" variable because it would be extremely complicated on the back end.
im trying to add a star rating system to a website. id like to do something elegant graphically instead of just using a drop down... the javascript framework im using is mootools and i found a great rating system here, but have no idea how to adjust it so that it updates the database with the new rating vote from the user and it calculates the new average rating.
the way i have the database set up for this is with the following fields: id (the rating's unique id) listingid (the listing that the rating corresponds to) userid (the user that entered the rating) rating (the rating itself)
i use php to communicate with a mysql database. the file im going to write will check to see if there is already a rating entered in from the logged in user. if there is, it will update it. if not, it will insert it, then it will calculate the average of all votes for that listing (rounded up) and return the new rating to the page and set the stars to reflect that rating... ive tweaked the code a bit to represent a 5 star system instead of a 10 star system and also so it can be used multiple times on a page.
heres what ive been playing with:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>
I'm building an application. The goal of this subroutine is that the user can upload an image to the browser, and then enter coordinates (X,Y) to place icons and dots at the specified place. way to draw these dots and icons on an uploaded image?
All my font-sizes are set as relative sizes in CSS (large, medium, small, x-small, etc). Let's say something is set in CSS to be xx-large, but a visually impaired user wants it displayed even bigger. Can a script determine an element's absolute size, *as it is being rendered by the browser*, and then increment the element's font-size in absolute terms?
I'm attempting to make a web page that adapts to the size of your browser size when it maximized. Because I'm only 15 I'm not such a great programmer or coder. I've done my best with the resources I have though (Fluent in Lua and a natural ability to pick languages syntax up quickly)
Here is what I have so far, it doesn't work and it is starting to puzzle me. As it seems correct as I look at it. I'm sorry if this question show my ignorance. I try my best to hide it.
Some of it is Copy pasted from sources on Google. But only for educational purposes, I learn off reading, examining and testing out snippets.
I'm basically trying to get the max size of the window and resize the div accordingly.
where da boss wants our a large piece of our site to be fully dynamic and integrated on any screen size. This means changing font on size. Well I cam up with a solution, figured if no one has one better, then i'll share
I 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.
How can I change my text or font size when the user changes the browser size. Example: When the browser is maximized, the font goes to normal, when the browser window decreased, the font size is reduce.
I am using javascript to switch between a series of divs, on clicking a navigation tab the divs display property is set to 'block' and all other divs have their display property set to 'none'. That works fine, the problem I have is when I redirect to another page (e.g. a PHP script) on return to the index the divs have reset and only the default div is shown, rather than the div that was showing when the user left the page. The solution, as I see it, is two stages: Write a function to display the relevant div based on the variable passed to it, then work out how to pass this variable around various pages (post/get). I am very inexperienced with javascript and it drives me mad that the script literally does nothing rather than throwing up an error (as in PHP) but this is what I have so far in terms of a function:
I have been trying to do some tooltips for a website and desperately wanted to learn something new and do that with jQuery.However, every time a mouse hovers over a tooltip, all hidden divs are shown, not just the one that supposed to. Here's my html:
