I have a form that has two radio buttons. When the first one is
clicked, I would like the page to refresh (keeping the form data in
tact) and then displaying 2 new fields that need to be filled out. If
the second button is clicked, I need the same thing to happen, only it
will display two different fields needing to be filled out.
Does anyone have code that will do this? Or is this even possible with
JavaScript?
I have a website which displays routes on a map. The data behind this is held in a MySQL database. What I want to do is to be able to click a button and the current route information would be download in a gpx file (xml variant) for that route, built from the database. I'm using shtml, Javascript and perl. Is it possible? The formatting of the data is not an issue. I am a real novice and have self taught enough to get where the site is today, so please be gentle.
i'm trying to build a small script for predicting Worldcup football winners. participants have to predict the teams in both the semi finals and final. a select menu with all participating countries will be given for 2 semi finals. suppose if a persons selects Argentina and Brazil for Semi 1, then the values of Final select menu should be Argentina and Brazil. Similarly for Semi 2, if Denmark and Italy selected, then the select menu for final2 should be Denmark and Italy.
my html (with only a few no. of countries is below:
[CODE] <b>Semi Final 1:</b><select id="semi11" class="select menufield_101" name="semi11" onchange="ChangeValue(this);"> <option value="empty">Select a SemiFinalist</option> <option value="Algeria">Algeria</option>
I want to build a dynamic list of items with jquery but am unsure how to add an index number to each of the items i create so that i can reference them to edit or delete them for example. So far, I have the following which just creates the items and appends or prepends them to the element depending on whether one item exists already. I just need a way of adding an attribute so I can then reference the current item when clicked and remove it. What would be the simplest method to use?
//create list items if ($('.mylistitem').length) { $('.myList-box').prepend('<div class="mylistitem"><div class="mylistitem-image"><img width="30" height="40" src="[URL]"/></div><div class="mylistitem-title">' + title + '</div><div class="mylistitem-options"><a href="javascript:removetitle();">Delete From List</a></div>'); } else { $('.myList-box').append('<div class="mylistitem"><div class="mylistitem-image"><img width="30" height="40" src="[URL]' + titleid + '"/></div><div class="mylistitem-title">' + title + '</div><div class="mylistitem-options"><a href="javascript:removetitle();">Delete From List</a></div>'); }
Each link on mouseover, popups to the right and shows links to different pages within the site. example.. pumps. pops up the mouseover window and has 3 links to 3 different pumps, each on a separate pages. Where as the moters link may have 25 links to different kinds of motors etc.
I have a question about loading an external .html page into another page.Presumably, I need to accomplish this by using iframes, right? I have a lot of files (around 1000 files) that I need to load into the same iframe. It's only a part of the total page I need to load and to create over 1000 pages instead of using an iframe (or another way to load a page into a page, which I don't know yet?) is much more work than using the frames.
Anyway, that for background. Now to the reason why I need dynamic height. Some of the pages are like 500 px in height, while the other half of my pages have a height of around 1500px (though the height of 80% of the pages vary per page! but approximately these heights as an example).If I'm viewing a small page with a predetermined set of height of 1500px, I'll be viewing a lot of blank space. Which is why I need to get around the fixed height, so the solution is a dynamic height. Another reason why I need a dynamic height, is because I have a 'back' button function which will lead you to the previous visited page when clicked. So if you were viewing a small page, then clicked a link to view a large page.... and then click on the back button at the bottom of the large page... You'll be taken back to the small page, but viewing it from the same point as you were on the large page, so you'll be actually viewing the huge blank space.
So... I've searched the web endlessly for a script to let me predetermine the height of the loaded pages, but none of them actually give me what I want.I need the script to work in at least the three main browsers (IE, FF and Chrone) at the same time. I've only found scripts that'll only work for IE, or only for Chrome and a lot of scripts that don't even work at all. I could give you some of the codings I've found, but they still don't work well enough. Also, some of those will lead me to the top of the page when you click a link. Since there's a lot more on the main page, I either need it to stay at the same position as the previous page visited, or at the top of the iframe, not the top of the parent page.I've been searching endlessly on the web and I cannot find something that works good enough. It doesn't have to be a frame, but so far, that's only way I've found to load a page into another page.
I'm new to this so i'm not sure whether this is easy or not...anyways my problem i have a link in first page (call it page A) that opens a another page (page B) in a 500X400 window.this works fine and this is the code:
function popUp(URL) { day = new Date(); id = day.getTime(); eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=500 ,height=490');"); }
<a href="javascript: popUp('page B')">link</a>
This Works fine...
But when i dynamically load Page A in to another page (page C) the link doesnt work.
link property shows: directory/javascript: popUp('page B')
I'm trying to build a PC building form using drop-down menus. I want to use the values of each option in the menu and add them together to get the total price, then display the total price somewhere on the page.
I'm trying to combine some javascript variables into a URL, so I can pass the screen resolution to PHP to determine how large a popup window should be.
What I want to end up with is something like: <a href="url.php?w=1024&h=768">Click me</a>
I'm still working on same task New problem: When I place text in a rectangle, then wish to overwrite it,(that is replace it with new test,) I cannot remove the earlier text. The new overlays the old, an unreadable mess.
Moreover, what I have achieved works only in Opera. FF tells me I have too much recursion (None that I'm aware of). I cannot get any feedback from IE.
I'd like to be able to detect when page content is dynamically changed by Javascript. I'd like to detect any changes to the content, such as the addition of new DOM elements and when DOM elements that are hidden are made visible (or vice versa). I will have no advance knowledge of the scripts that will be run along with the script I will create.
I've implemented a solution that works reasonably well, but I'm not sure if there are cases I'm not thinking of where it will fail, or if there are more efficient means of doing the same thing.
My solution is to simply retrieve and periodically compare the content of the innerHTML property of the main body tag elemnt.
So, summarized as follows:
function check() { var bodyContent = document.getElementsByTagName('body')[0]; if(bodyContent != oldBodyContent) { alert('body changed'); } setTimeout(check, 500); }
OK, I am looking for advice or tips and suggestions. I have overcome a lot of the obstructions I had to building the page design my customer was asking for. I am looking now at ways to deliver content dynamically within the wonderful framework I created. Whilest I look into the various methods of delivering content within a container of one form or another in the existing HTML, I am also exploring the possibility of using some form of 'wrapper' for existing flat pages sorta like how geocities does to user pages to add the yahoo pull-down div layers and such.
While doing some testing, I notice that if I just add a javascript tag in the beginning, I can't use the document.body.AppendChild option for the div layers unless I call the function that builds said layers from a <body onload="">. When I do it from the onload event, the existing HTML layers can effect the placement of the div layers even when I have the CSS position set to absolute.
Short of using some form of server side code to insert at least the DIV content in prior to dropping the file on the user's browsers, I was wondering if there were any other suggestions on how to do this with a minimal amount of coding in the HTML document itself. One of my hopes is to limit the 'modifications' to any standard HTML file to one or two lines so that anyone else developing pages can do so easily, and/or I can create reasonably foolproof server-side wrappers to call the javascript code to paste on the 'look-and-feel' elements on just about any web page.
I have a feeling I will probably go the server-side route anyway, but I was just curious what other suggestions there might be out there.
I want to do this with a checkbox and am falling down on it... Code: var i=0, elem, qstr=''; while(elem=document.forms['form1']['quantity'+(++i)]){ qstr += (qstr.length ? '&' : '?') + 'quantity' + i + '=' + elem.options[elem.selectedIndex].value; }
Here is the checkbox Code: <input type="checkbox" name="approved[]" onclick="boxchk(this,6)" checked="checked" value="'".$j['id']."'"/>
I am very new to web development. I would like my website to have an application which allows a user to draw images which can be displayed on other users screens in real time.
An example of this is isketch.net Also on this site i would like users to be able to create accounts and join 'rooms' where they can communicate in real time (as opposed a forum message board). I am looking for something similar to isketch.net
Could somebody please tell me the type of development and programming needed. I have been quoted 1000 a month to build these capabilities but have no idea what is involved. (also may require facebook style real-time updating)
I am trying to build my first script. My problem, is I'm trying to build a multi hide/show script, displaying paragraphs of information. If I want multiple variables for the script do I have to use an array? and if so, how can I construct this array?
Here is my script as of now,
<!-- // this tells jquery to run the function below once the DOM is read $(document).ready(function() {
[code]....
Right now the script doesn't work with the bottom two variables profile_"ect."
I'm fooling around with building a form that grows depending on the users input (relatively new to DOM 2 - but fun stuff!) I'm working on getting it to work (rather than being pretty - there are many improvements that could be made).
My question is has anyone seen any similar examples out there? The more I build on this thing, the more I believe there has to be another way... (like rather than creating every pull-down box - yes, I should put that into it's own function! - should I be playing with visibility and positioning?) Code:
I want to be able to set 'thevariable' in the shtml page that calls that include and pass it to that string - I'm thinking that because I don't want to use php/asp that Javascript is the best way?
I'm building a web site ala autos.yahoo.com on servicos.mpl.pt/comparador/css1.php I have a sidebar with filtering options grouped in an accordion. The accordion panels get populated via jquery like:
point out where my logic is flawed in this? Or where my scripting is wrong?I'm trying to build a standard HTML table with 5 columns across and as many rows down as necessary, to fit all of the images in an array (brought into the DOM via PHP).My goal is to have rows of 5 columns that add on to accomodate up to 50 total images (10 rows).Here's my logic (flawed or not):*Look at the number of tems in the array*If the number is greater than 5, build one full row (of 5 <td>s)*Check again - is the number of items in the array greater than 10?*Build another row*If not, build a partial row, and fill in the rest of the <td>s (less than a full row) with blank spaces.The question is whether or not my logic is being represented in the javascript?unctions in <head>calls to function on lines 149-159Don't mind the formatting, I've blown it up so I can see what's going on.
Here is a short tutorial on dynamic-links which use javascript to create the page. Ok to start open up notepad and type
<html><head> <title>My first dynamic link</title> </head><body><script> var name=prompt("Enter name:",""); var age=prompt("Enter age:",""); if (name == "" || age == ""){ document.write("Please reload and fill everything in."); } else { document.write('<a href="javascript:dp='Your name:'+name+'<br>Your age:'+age+''">Click here for dynamic page</a>'); } </script> <noscript><a href="getfirefox.com">Get a decent browser</a></noscript> </body></html>
Ok save it and test it out. I am writing this kinda fast so if it doesn't work pm me or reply to this topic. Ok we will go over what it does now. 1. First it gives you the prompt name then age. It checks whether they are both filled in and if they aren't it says to reload. Otherwise it writes down the link. Next we will go over the link. 2. Here is the infrastructure of the link.
1. The start of most links "<a href="
2. The starting of the string for the browser to connect to " " "
3. The tag that defines a javascript page and its name is dp. "javascript:dp"
4. What the javascript equals " = "
5. Start of the string for the javascript to do " ' "
6. Now it displays the text Your name: "Your name:"
7. It now appends the variable from the script name to it. EG:your name you entered. "'+name+'"
8. It makes a line break and displays the text Your Age: "<br>Your age:"
9. It now appends the variable from the script age to it. EG:your age you entered. " '+age+' "
10. Leaves a blank space " "
11. Starts to end the javascript string by closing the space for text and a semi-colon to end the page. "'"
12. Ends the html string for the link and displays text for the link." ">Click here for dynamic page"
I am trying to get a content of a php page(Dynamic) with the help of Ajax by sending Get request to the server page.Like the script should fetch the content of server page (Can be changeable with time )into a certain div tag that i will define. I dont wanna use prototype.js to make the script little bit faster.
I have to do a project, the requirements i have got are, same link on multiple pages should lead to a single page on client's site, but the page should be different for each link clicked.
What i understand from this is, we will send parameters with each link to a JS or php file and then generate a dynamic page each time, but i am not clear how many files we need to call and what will be the sequence. I want to implement this in JS and php.
how to implement it with JS and PHP if we send parameters with the url and if we don't send any parameters.
I'd like to create a pop-up window for my site. I've used behaviors in the past. I'm not sure if that's the best way now. Basiclly I have a photo gallery with thumbnails. Once you click the thumbnail I want a larger window to open with the image. I've seen the javascript windows used that use CSS lightbox, however I can't get it to work with my site. I guess I should mention I'm using asp vbscript ,ms sql database with a link to the image paths that are sitting in the images folder.
I want to construct HTML for a menu and I want to use DIV with UL. The data for the link and text would be coming from a web service which is a sharepoint list like so. As you can see below I want to grab the rows and and it to anchor links... $(document).ready(function() { $().SPServices({ operation: "GetListItems", async: false, listName: "MenuList", CAMLViewFields: "<ViewFields><FieldRef Name='Title' /></ViewFields>", completefunc: function (xData, Status) { $(xData.responseXML).find("[nodeName=z:row]").each(function() { var liHtml = $(this).attr("ows_Title") ; $("#mainmenu").append(liHtml); }); }}); });
The desired HTML would look like so <div id="mainmenu"> <div id="header"> <ul id="navbar"> <li class="menu"><a href="#">Home</a> <ul> <li><a href="#">liHtml </a></li> <!--I want to keep adding the <li> element with new item--> <li><a href="#">Menu item 2</a></li> <li><a href="#">Menu item 3</a></li> <li><a href="#">Menu item 4</a></li> <li><a href="#">Menu item 5</a></li> </ul></li> </ul></div> </div>
I am trying to build a webapp for questionnaires where I can defined the questions in json, and have a single html page using jquery to build the UI. Since there will be a finite number of question types, e.g free text questions, multiple choice questions my code can choose how to render each type appropriately.
what is considered the best approach to build a UI like this?
I have seen the manipulation api with methods such as append() but I'm not sure if appending the html tags via strings (e.g. "<input id='answer'/>") is going to be the best way to achieve this, or whether there is a better way to define snippets of html for the different question types and copy them into the page as necessary?