i got this select field with 3things in it and i want to make some functions in javascript so when i select one some textfields will show depending on which one i choose and when im choosing one without the need of textfields they should be removed if there is any textfield on the screen
View 2 Replies
Is it possible to show information from a textfield directly on another place on the same page. I have a textfield:
HTML Code:
<form action="bla.php" id="formulier" name="formulier"method="post">
<input type="text" name="phone"style="width:160px" id="phone"/>
</form>
Now when someone types something in this field it has to show it on top of the page, i tried with this, but I can't come any further.
HTML Code:
<script>formulier.phone.value</script>
I can't figure out why it dosen't work. I'd like to show/hide a <p> block depending on the value selected in the dropdown list:
$(document).ready(function(){
$('#report_rep_type').change(function(){
$('#report_rep_type').change(function(){
if($(this).text()!= 'Contigency Liabilities/Others')
$('#someElement').hide();
else
$('#someElement').show();
});
});
});
HTML code:
<form action="my action>
<fieldset>
<legend>Report details</legend>
<p>
<label for="report_rep_type">Report type</label><br />
<select id="report_rep_type" name="report[rep_type]"><option value="">Please select</option>
<option value="Scientific & Technical">Scientific & Technical</option>
<option value="Financial">Financial</option> .....
<p>
<button class="button " type="submit"><img alt="Tick" src="/images/silk/icons/tick.png?1245400388" /> Create</button>
</p>
</form>
I am using perl as a background with AJAX. I send the request in and am attempting to have the HTML sent back to show up on my page
Code:
query_string = "?action=GrabEditGroup&GroupID="+GroupName;
var XMLHttp=null,ee;
[code].....
i will use specific filenmaes to make my explanation understandable.I'd like do display the content of start.html in my index.html.the content should placed there within a div (id="content") when the document is loaded... so far i stuck at:
$(document).ready(function(){
$("#content").html("start.html");
});
[code]....
I currently have a timer that counts down and what I would like is when the times runs out it then displays text or html (answer to question). I currenlty have the timer counting down and a seperate js show answer link that will show the div.
View 9 Replies View RelatedI have an array of strings. The strings in the array look like this:
The World
The World/Europe/
The World/Europe/Sweden/
[code]....
In the code below I am trying to show the echo statement from a php file. The ajax call works when I use the alert(), but I am trying to put it in a div tag but not working.
View 1 Replies View RelatedI want to set a chek box, and it will checked if data found from database and non checked if data is not found from data base ,yes this is i know but think is that ,if it checked it show some html data in another div like <div id="name"></div>
View 4 Replies View RelatedJSviewer is a robust, highly configurable, dynamic HTML image viewer written in JavaScript. You can create a slide show with JSviewer in a matter of minutes. JSviewer was designed to be easy to use for both web masters and end users, yet have very powerful features. JSviewer supports keyboard controls for controlling slide shows. Using the keyboard, you can turn image descriptions on or off, move buttons to the top or bottom of the window, make images appear randomly, and much more.
View 17 Replies View RelatedI have been staring at this problem for too long and most likely missing a simple solution so I hope somebody can take my blindfold off and show me the way The markup (which comes from a CMS and I cannot change it) I am working with is akin to:
<div id="faq">
<p><strong class="open">FAQ 1</strong></p>
<p>FAQ 1 content lorem ipsem lorem ipsem ad infinitum</p>
[code]....
Notice how the second fo 3 FAQ sections has 2 paragraphs under the 'trigger' rather than 1? Therein lies my problem, because what I am doing with prototype.js is:
1.) Loop through page and collect all <p>'s
2.) do a .each iteration and attach an onclick event on $$('p strong.open') - assume this node for each iteration is now var 'trigger'
3.) run Element.hide() on trigger.next()
4.) in the onclick event, run Element.show() for trigger.next()
- If you are still following so far - my problem is that next() only shows/hides one single element and that is the <p> holding the content - which is fine except when there are 2 or even more <p>'s with content I need to act on. I;ve experimented with nextSiblings and adjacent() and I end up with too many nodes - basically every <p> in the entire document. I just want 'hide all P's after the trigger P up until the next p > strong.open
I'm trying to implement a show/hide toggle for each users profile field in the view body topic of my forum.
I found this thread here @ sitepoint which is close to what I'm working on, but the code I'm working with is different.
What I need are some changes to the JS so that each show/hide works independently, not just the first instance of the show/hide.
How do you call this HTML
Code:
With this JS to be independent?
Code:
I know that this would have bits of " $(function() and $(this) " but that's about all I know...
I am having some jQuery troubles whereby I have some jQuery that toggles an 'Other' HTML input field and associated label when a user selects the value Other from a HTML select drop down. I have this working for one field but the application I am building has increased in scope whereby there may be multiple instances of members on one page so the Other option will be there multiple times. At the moment if a user selects Other from one drop down all Other input fields show. How do I make this exclusive without repeating the jQuery for the separate instances?
// Show/Hide 'Other'
$(document).ready(function() {
$('.jOther').hide();
$('.jTitle').change(function() {
var $index = $('.jTitle').index(this);
alert($index);
if($('.jTitle').val() != 'Other') {
$('.jOther').hide();
} else {
$('.jOther').show();
window.location.hash = 'Other' + $index;
}});
});
<td>
<select id="title" class="inlineSpace jTitle">
<option value="Please select">Please select...</option>
<option value="Mr">Mr</option>
<option value="Mrs">Mrs</option>
<option value="Ms">Ms</option>
<option value="Miss">Miss</option>
<option value="Dr">Dr</option>
<option value="Other">Other</option>
</select>
<label for="other" class="inlineSpace jOther">Other</label>
<input type="text" class="text jOther" name="other" id="other" maxlength="6" />
</td>
I would like to learn jquery but have already stumbled upon a little problem.
My whole website is programmed in PHP. On every page I include my header.php containing the header, login bar etc. I am now trying to show/hide a set of divs in my HTML BODY.
Now I understand that I need to put my jquery code in my HTML HEAD tags, however, I don't want to put it in my header.php because then the jquery will be included in all my pages.
I have a popup window that calls a texteditor. I want the texteditor to show the inner HTML of the parent doucument by div id.
When I call the function through a submit (in child window) it workks great, but I want innerHTML to be added when child page loads.
I have tried calling function in body onLoad=getparent; tries adding it to inner script where it calls the editor , again onLoad=getparent;
Tried with and without () i.e onLoad=getparent();
Child window code:
I neeed to subtract values from two text boxes and then show the difference into a html label.
Basically I need to enter times, like 10:00 and 12:00 and it calculate that the difference was 2 hours.
Any tips on how to get this to work?
var myvar = 'sometextfield'
document.cost.myvar.value = 2;
It keeps saying myvar is null or not an object even thoughv'sometextfield' has a value.
I want to do validation on a textfield value key in by user, but I do not have idea on what method I can use. Is it possible to do it on 'onblur' event?
View 2 Replies View RelatedI create a textfield on success of the previous operation.
I have written the following code. It works in Firefox but not in IE.
Please advise.
var inp = document.createElement("input");
|
|
|
inp.setAttribute('onkeydown','return trackenter(this,event)');
inp.setAttribute('onkeypress','submitAction(this,e vent)');
|
|
I have a contact forum where i want the visitor to select if they're a member of not, if they select no, nothing happens but if they select yes a new text field pops up where they have to fill out their username. thing is, i've researched a lot and just cannot find out how to do it..
View 7 Replies View RelatedI have a problem in Javascript when it comes to passing of value in a input type field.
page1.html
HTML Code:
<html>
<head><title></title></head>
<form action="" method="post>
<input type="text" name="weight" value=""><a href="hw_calculator.html" target="name"
[Code]...
i need creat some elements for example textfield and a combolist using dom. what i find so far was very complex examples that dont do what i need that is only creat a text field and a combolist with custum values inside.
View 1 Replies View RelatedHave you ever used google? If we typed somewords into it, then google would eventually appeared the suggestion words.... I wonder, if we use jquery or javascript manually, how to create the dropdown menu on that textfield? I mean, ya, how to create the suggestion list menu on that textfield....? since the plugin that jquery ~autocomplete has worked well but, I need some adjustment that not just receiving 1 type of values.
Let say;
If we have these table on mysql;
Code:
Then... so suppose I want to do ajax request that retrieves names & id(s) and extract it into two different elements;
1) textfield suggestion menu (name).
2) another html element (id).
<input type="file"> only allows the user to browse for files.
How about "browse for folder" dialog? Can html/javascript do that? I
couldn't find any syntax for that....
I have a page HTML. In HTML have 1 button, when click into button that'll appear 1 window. In this window, it's show 1 image and after 5s it will change the other image. I can't do this.
View 5 Replies View RelatedSee the picture (attached). Let's say that the name of it is "little window". I want to make on my site that this disappear, and when I something type, I want that this doesn't show in this "little window". This "little window" annoying me!
View 2 Replies View Related
