I have two pages parent.html and child.html, the parent has a link called "Search", when clicked the child open in a modal centered window that has a search form, the search in the child return a list of rows, so when clicking a row the child window close and data is transferred to the parent.
View 1 RepliesI have 2 windows - parent and children.
in parent
<form name="calc" action="" method="post">
<input value="0" type="text" name="pay" id="pay">
</form>
in child
<form name="payment" action="" method="post">
<input value="0" type="text" name="pay_str" id="pay_str">
</form>
how can i transfer data from parent input to child input?
when i try to add a data from popup list box to parent window listbox it pops an error.
Servlet threw an exception. This is my code
var optionvalue=thisForm.behaviourname.options[i].value;
var len=window.opener.document.FormMaterialDetail.inparameterid.options.length; window.opener.document.FormMaterialDetail.inparameterid.options[len] = new Option(thisForm.behaviourname.options[i].text, optionvalue);
Is the above code right?
I am currently creating which will allow the user to upload their own pictures. For this I am opening a new pop up window where the user can select the file they wish and then upload it (similar to ebay's picture upload). The pop up works fine and so does the file upload however I am having trouble transferring any data from the pop up window back to the parent window. I have been investigating the opener method but cannot seem to get it to work. Below is some simple code that I've been trying to get to work.
first page.
<form name="loadpic" id="loadpic" action="createPost.php" method="post">
<br />
<br />
Testing transfer between pages... <input type="button" value="open pop up" onclick="window.open('popup.php','pop up box','width=400,height=200')" />
[Code]...
I am trying to pass user data from a parent window to a child window. I read somewhere that if i want to pass data as soon as child window opens i need to add a pause for the form elements to load. I am using the code snippet below.objf.form_parent.text1 is a text field in the parent window and newWindow.document.test.text1. is a field in child window. Can anyone help what I am doing wrong. Code:
View 2 Replies View RelatedI would like to have a main form (written in PHP) that has a "lookup" button next to a text field. When the user clicks "lookup", it should open a new window that lets them search (child.page1). When they enter a name or DOB into the search form, it submits the form through PHP (via POST), to a results page (child.page2). This displays all persons in the database which have a name or DOB == to the search term(s), with a checkbox next to each match. They click the checkbox (or alternenatively, a link), and return the checkbox value to the main window.
I have everything working right now, except that (child.page2) doesn't recognize the main window. If the data is entered on (child.page1), it works fine. I'm not very familiar with javascript.. is this even possible? I've considered using frames, to keep the parent-child relationship evident to the computer, but figured I'd check to see if there's an easier way.
Basically I have comments posted on articles and I want to allow users to report them if they find inappropriate content. I want them to be able to click on icon on the comment which will open up a pop-up.Then in the pop-up they can type why they are reporting the comment.
<script type="text/javascript">
function popup() {
Report = window.open('/report.php','Report','width=350, height=400');
document.reportform.submit();
}
</script>
[Code]..
I've been messing with this code for a while now. This code successfully brings up the pop-up, but it doesn't transfer the form data. My main coding language is PHP, and I'm in the process of learning Javascript.
I have a rather complicated problem for me as it involves both php and js. And I'm getting lost... Let me explain:
On a page, order.html, I have a form including the following fields:
- name
- email
- comment
When posted, it is linked to request.php and request.validation.js, to end up on confirmation.php.
On confirmation.php, I would like to reuse the information entered in the fields on order.php (name, email, comment) to display them on the page. My issue I can't find how to 'take them along' in request.php / request.validation.js to confirmation.php where I'm trying to display them with : Contact: <span id="name"><?php echo($_POST['name']); ?></span> etc.
[Code]...
I have created parent child checkboxes. When one child is selected, then parent of that child, other child of same name and parent of that same name's child will be selected... Now I want if I unchecked any child, then only same name of child and parents should be unchecked or if I unchecked Parent Child, then same name of parent and child will be unchecked.
[Code]...
I have 2 textboxes (textbox1 and textbox2) and one hidden field
(hidden). I want the value of the hidden field to be both values of
textbox1 and textbox2 separated with "-".
Example:
textbox1 = "15"
textbox2 = "25"
Hidden = "15-25"
I want to transfer the data form webpage to any other own application
which is running in backend.How i develop this web page. which
technology is good for this or any particular protocol i have to use
for this. Please suggest if any idea regarding data transfer.
I want coding of transfer Access data to Excel sheet using javascript
View 1 Replies View RelatedI have created a modal dialog. When I close it the page refreshes automatically but in my scenario the page should not do so. The code I am using is:
$(document).ready(function () {
$("#addaccount").dialog({
height: 'auto',
width: 'auto',
[Code]....
Here I am opening a div tag inside a modal dialog. There is a form submit button. When I click the submit button the modal dialog closes and the page refreshes automatically.
I'm trying to figure out this script doesn't display any text in the
child window and why I'm getting the null or not an object error.
It's taken directly from the Javascript and DHTML cookbook (not listed
in the book errata on o'reilly website). Initially I get an error
"window.dialogArguments.yourName" is null or not an object. Then I
fill out the field on the form, press the button and the child window
does display but there is no text inside the child window.
Questions: Should I be declaring an object that isn't currently
declared like "window"? or is "window" a built in object that doesn't
need declaring? do I need to assign the dialogDoc.html or "result" to
"document" somehow? It looks like they have me putting a value in
"result" then never actually using "result"... confused... Using ie
6.02800...Suggestions? gj
<html>
<head>
<title> Launch a Modal Dialog</title>
<script type="text/javascript">
function openDialog(form){
var result = window.showModalDialog("dialogDoc.html", form,
"dialogWidth:300px; dialogHeight:201px; center:yes");
}
</script>
</head>
<body>
<h1>Internet Explorer Modal Dialog Window</h1>
<hr />
<form name="sample" action="#" onsubmit="return false">
Enter your name for the dialog box:<input name="yourName" type="text"
/>
<input type="button" value="Send to Dialog"
onclick="openDialog(this.form)" />
</form>
</body>
</html>
<html>
<head>
<title>Modal Dialog</title>
</head>
<body>
<script type="text/javascript">
document.write("Greetings from " +
window.dialogArguments.yourName.value + "!");
</script>
</body>
</html>
I am trying to figure out the syntax for the following. For this version I am simply trying to select the 2nd child of the SLIDE HOLDER div. For this test I am just making the width grow. My next pass will be to get the index of the DOT clicked and then pass it to the child of the other parent. Please see line 24. I know this is incorrect but placed it to give you an idea of what I am trying to accomplish.
[Code]...
I have the following layout.
.panel
{
position:relative;
width:580px;
[Code]....
The parent (class="panelContent") div contains a child element that is generated/rendered last. This makes the child element #ReportViewer1 overlap the parent (class="rptViewer"). Can I jQuerytize the parent div to adjust it's size after the child renders so it is contained/displayed in the parent?
I have a Div control d1and in this div I have furter div and span control.I want to get a list of all element in an array.
<div id="d1">
<div>
<div id="h1">
<div id="h2">
[Code].....
Is there a way to have a link in a modal dialog window sent back to the modal dialog's opener? So far I've managed to get it to open a new page in the dialog window, and open a completely new window.
View 1 Replies View RelatedI have a div (representing a form) with a number of images positioned absolutely within it. The images represent buttons and what I'd like to do is click on one of the images/buttons and the whole form to fade out with the exception of the selected button which merely changes it's opacity from 1 to 0.5 (to remind the user it was clicked). Here's the code I'm using:
$(this).parent().fadeOut("fast");
$(this).stop().css("opacity", 0.5).fadeIn("fast");
However, despite referencing the elements in a number of ways (they have unique id's), every time I run this, $(this) won't show - the opacity is being set but it seems to remain steadfastly invisible whilst the parent div is invisible/hidden - am I barking up completely the wrong tree here ?
I need to click on a child element and trigger an function in the parent, but know when i enable it both child and parent are getting executed.As you see in the attachment photo when I click the flip page icon the T-shirt should hide and create a description on T-shirt.
View 3 Replies View Relatedi am curious if there is a simple solution to this very common problemim sure lots get.i have a div with some children items in it and when i fade one ofthem out the div jumps down to the appropriate height. i would like toknow is there a simple way to animate the div to shrink nicely insteadof just jumping to its new size?
View 2 Replies View RelatedI want the <a/> in an <li/> to be triggered when the click happens anywhere within the </li>. So given the html...
<ul>
<li><a href="javascript:alert('clicked!')">test</a> <span>some other stuff</span></li>
<li><a href="javascript:alert('clicked!')">test</a> <span>some other
[Code]....
I have little bizarre problem. Working in Java web development we have project that we use plenty of templates from Velocity. Where one template can refresh section of it self and display one or more templates. My problems is that in parent template I have to pop up window with message if in child template and item from group A been moved to group B or vice-versa. How to change on child template can be propagated up to parent?
View 3 Replies View RelatedHow do you pass form data inside a modal box?
[Code]....
When I submt this form how do I open a new modal box with recieve.php in it.
In jQuery, how to select a parent element to a child if I attached a click event on the parent but also want a click event on a child within.
Let's say I have a the following code :
HTML Code:
There may be several of those classes in the page. I then use jQuery to replace the inner HTML to the clickclass div when clicked on with some other code and a input button (with an ID of, let's say 'save_button').
This works fine for that part:
HTML Code:
I then want to have the button clickable so that I can replace again the HTML in the div (like a save button). But if I try a separate event listener on the input button, it also fires the parent event. Even if I return false on the child event or use event.stopImmediatePropagation() in the .click child function.
I've managed to almost get it with the following code :
HTML Code:
If the event is triggerd form 'clickclass', then replace with HTML + input button
The problem is that whenever I try using .parent() with jQuery, it always tells me that parent() is not a function. I've tried various other ways of getting the parent object (the clickclass div) but can't get it to work.
This div is the only div. Inside it has images that are clickable. I want to be able to first grab the left position of the elements and when they like a left arrow want to take this left number value and subtract it by a number and if the the right arrow is pressed then it will add a number to the left number value.Is this possible and if so how can I do this? I am guessing i can use the .css with the .child in jquery.
View 4 Replies View Related