I have a form with a number of inputs and also a div element that acts as an input. I want to make it so that if someone is in the input before the div, and they hit "tab", it'll tab to that div.
View 1 RepliesI am a novice/moderate html programmer and I wonder how to tell the
browser from which start point and to which end point in the text will
each page be printed.
In other words, I have a single html text that contains different
informations that are displayed alltogether in the same browser.
When I print this page, the browser should put each different subject
in a separate page and not having it all mixed up.
Is it possible? How should i do it?
I have a situation in which I have to track clicks (links etc..). The problem is, I have a larger div ie - parentDiv - like 300px height, 400px width - approximate. This div has a background image. Now, the issue arises because over this div (parentDiv), I have another div "announceDiv" on top of it showing information.
I ONLY want the parts of parentDiv that is NOT covered by announceDiv to be clickable. Just to reiterate, I have a big div that I want clickable (so I can add a link to the click), but over this big div I have a smaller div showing content ie, information, that links to its own stuff. BUT I want to be able to link from this background image that is in the parentDi without affecting when I click in the smaller div that is superimposed over it.
How we can modify this function in order to make it in use for many displays?
HTML Code:
For example! I have this code, the select with id=one is the main one whatever I select from the drop down list One or two or three , the other menue appear" with id=two or id=three.
HTML Code:
I want only the Text to be clickable in the accordion-header. I thought the header option is the right way to do so, but it doesn't work. Instead of h3 i want only the link to be clickable:
$(function() {
$( "#accordion" ).accordion({header:'a'});
});
<div id="accordion">
<h3><a href="#">First header</a></h3>
<div>First content</div>
<h3><a href="#">Second header</a></h3>
<div>Second content</div>
</div>
I'm using the following script to show images with fade in and out. How can I display the images in random order?
Code:
My goal right now is to make a two-part navigation bar where you don't have to reload the whole site, when you click on a link. The navigation bar consists of two <ul> lists with <li> float:left and <a> display:block, so I basically have two lines. It's probably easier to understand if you see it for yourself: jsfiddle (had to change the css style, because I use .less but it works)
When you load the page it's just like that, you have your main category (A,B,C,D,...) and the sub-category (A1,A2,A3,...). What I want: If you click on B, the sub category changes to B1,B2,.... If you click on a sub category the site loads the requested page (with ajax = best solution?!)
My thoughts
At first I thought about just changing the name and href attribute of the second list, but the main categories have different amounts of sub categories, so I would need to add or remove <li>'s. Then I thought about using .load() but I somehow screwed up (of course) and the loaded <ul> doesn't have any css style (wrong order?) and I can't see anything. (with a loaded test.html site containing only the word "test" it worked) Is ajax "overkill" as a solution?
CodeIgniter and the URL
I use CodeIgniter (a PHP framework) for the website and URLs like this: www.example.com/maincategory/subcategory (e.g. example.com/A/A3) That's no problem at all, if I don't use any javascript and reload the whole site every time. But is it possible to change the URL with jQuery when the user clicks through the navigation bar? You click on B, the URL changes to example.com/B all the subcategories change to B1,B2,...When you click on B2 the URL changes to example.com/B/B2 and the site loads the requested page (I guess with ajax, so the navigation stays the same?!)
Minor problem: when you load the site, click on B, then B3 for example, you would get the url example.com/B/B3. If you now save this link, close the site and reopen it with the link, CodeIgniter would load the right site and everything, but the navigation would show A1,A2,.. in the sub category.
Hover vs click
Almost every page where I saw this kind of menu they used hover to change the sub category. But I thought click would be better, so you don't have to avoid touching B,C,D,.. if you want to go from A to A9 for example. Only downside is that you have to click before you see the sub categories.
Summary
A two part navigation menu you can use without reloading, changing URLs (when possible) and probably ajax to load the actual content.
I need to get a piece of code that will allow me to have a user input a number, say 1-200 and that variable would make up the last part of an IP Address that the user wants to browse to.
192.168.0.[variable]
Is there a script that will allow me to do that?
My table columns are sorted by the Tablekit library [URL]. The user can click the columns to toggle the sort order either ascendingly or descendingly. I can save the current sort order (preference) in the server. After the page is refreshed, the web page is sorted by the original sort order. How to make the Tablekit library to sort with the current sort order after page refresh? My web page column is:
<th class="sortfirstdesc" id="urgency" onClick="reverseOrder($sortdesc)">ID</th>
How can i precache those menu pics in order to make them change immediately on mouse over?
[url]
Got this below code for a page im working on, what you'll notice is that when you hover over 'order' a sub menu appears,
How do I make the 'order' remain highlight while Im hovering over the sub menus.
It prints 0,1,...,9, but you cannot see the word "hi". It seems that it prints "hi" then executes the listnum function. But the listnum function is placed before "hi". Could you
give me some info on order of execution?
<HEAD>
<SCRIPT language=JavaScript>
function listnum() {
i=0
do {
document.write( i + "<br>")
i++
} while(i<10)
}</SCRIPT>
</HEAD>
<BODY onload=listnum()>
hi
</BODY>
I've got a page (internal website) that performs some operations, working it's way down a list and putting a tick beside the operation it's just completed (so the user can see where it's got to so far).
Each operation takes a minute or so, and they include things like: adjusting table contents in an Oracle database, performing some Unix server commands etc...
Because of this, the Oracle and Unix parts are handled server-side by php (very easy), but the javascript parts of the page to change the egg-timer to a tick doesn't wait - it just displays ticks down the entire list immediately.
Is there some way to get javascript to wait until the preceding php has completed?
Dear fellow developer, Would you show me how I can get the order of a bunch of <li>s in <ul>?
[Code]...
How do we trim out or remove a part of a URL or path?
eg. http://www.mywebsite/folder/somefile.htm ----I want to trim
http://www.mywebsite/folder/ so All I have left is the file name.
<script language="JavaScript">
var pathtotrim = location.href;
document.write (pathtotrim);
</script>
I have a little problem and I hope that I need to get the path of the URL except for the first slash "/". Now if I use window.location.pathname I get an output like this: /about/about/9081ae1b02/
That is almost right but I need to get rid of the first slash (marked in red) so I get: about/about/9081ae1b02/
I'm trying to figure out how to split a url variable... I tried these two ways, with an alert to see my result, but I'm not getting anything.
[Code]...
I've got an idea for simplifying my code and avoid a bunch of switch functions but don't know how, though I assume it's possible.
How do I write a function to change/insert only part of an img src?
Is it possible in jscript to have a
Rating 1 to 3 in order of preference.
That means if a user rates by inputing a value 3 for example in a texbox
or selecting 3 using dropdown menu.
The next available options should be 2 and if he/She inputs 2 the next
available option should be 1. Code:
I am having a bit of trouble with running my own (onkeyup) code in
response to a tab and then making sure that the tab-effect still occurs
i.e. focus on the next control in the tab order isn't happening even
though I return true from the function.
I would like to have two actions for one event. But I want the second action to trigger when the first one action completes. Is it possible to do this in javascript? I'm using the onclick event.
View 23 Replies View RelatedI have 4 select fields like;
<select id="choice_101" name="choice_101">
<option label="Will not attend" value="Will not attend"
selected="selected">Will not attend</option>
<option label="First Choice" value="First Choice">First
Choice</option>
<option label="Second Choice" value="Second Choice">Second
Choice</option>
<option label="Third Choice" value="Third Choice">Third
Choice</option>
<option label="Fourth Choice" value="Fourth Choice">Fourth
Choice</option>
</select>
choice_102, choice_103 and choice_104
The user must bem select options in this 4 files in order, for example,
he must bem select first "First Choice" next "Second Choice"... The
options not be same.
In firefox, this script works just fine. But in safari, it doesn't do anything and I can't figure out why.The intention of this code is to just create a draggable item.
View 1 Replies View RelatedI am using the following code to rotate my banner 3 times. I am trying to get it to order. Ive set it up so that you can choose yes/no drop down as to whether you wnat a panel to show and I have also set it up with a drop down so you can specify 1,2,3. I want to be able to randomly change the order to say 2, 1, 3 it dosent seem to work with what I have below.
<script type="text/javascript">
$(document).ready(function(){
$("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);
$(".ui-tabs-panel > a").hover(
function() {
$("#featured").tabs("rotate",0,true);
[Code]...
i=y=1;i<y; result:false (this makes sense to me)
Im wondering about how JavaScript does the following calculations to get those results? Please explain it if you do.
I need advice about creating an order form (I was sent here from the General Web Building forum!) and I have been told that JavaScript is the way to go - can anybody help with the following (I know nothing about Javascript really).
I have an order form and plan to have the data emailed to me (I have FormMail script installed on my server). The form will have the following fields:
Reference Number
Size / Cost
Quantity
Grand Total
Clients will enter the ref no., choose a size/ cost (radio-button), and quantity (text box). I plan to accept details for about different items. I just want the total cost to be displayed in a box at the bottom before the form data is sent to me.
Can anybody point me in the right direction of how I might go about this? Tutorials / sample code etc.