Tips for transferring data between iframes on separate pages

I am currently working on implementing a web calendar module within an iframe on page-b. This module consists of 1 page with two sections. Upon entering zipcodes and house numbers, the inputs are hidden and the calendar is displayed. The technology used here is asp.net.

Furthermore, the user has requested an input widget for their homepage. To fulfill this request, I have created an html widget page that will be placed inside an iframe as well.

Now, my concern is how can I transmit the inputs from one iframe (on page-a) to another iframe on a different page (page-b).

Considering that I am using aspx language while the customer's CMS is based on PHP (probably Joomla), I came across suggestions advising to mention the target iframe in the form action like so:

<form id="kalenderForm" action="page-b.php" target="iframe_name" method="post">

However, it seems that I also need to include target="_top" to exit the initial iframe. Any tips or recommendations on this matter would be highly appreciated. Thank you in advance.

javascriptasp.netajaxpostiframe

Answer №1

Got it. It sounds like you're looking to utilize sessions for this task. The widget currently only displays the calendar on its designated page, but you want it to also show up when placed on a different page. Essentially, once a user enters their address and views the calendar, you'd like that calendar to persist whenever they come across the widget again, instead of reverting back to the address form. The goal is to maintain the user session across multiple pages.

To achieve this, in your calendar.aspx file, you could implement something along these lines:

Pseudo code snippet:

if( post.formData ) {
  ... database operations ...
  session.showCalendar = true
}

if( session.showCalendar ) {
  ... include calendar HTML content ...
} else {
  ... display address form HTML ...
}

It seems like I may not be too familiar with ASP programming myself.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Exploring the contrast of utilizing the `new Date()` function compared to Firestore's `new

I am developing a new app and need to calculate the time elapsed between the start and end of a run. When the run starts, I record a timestamp using the new Date() function in Firebase. (I opted for this over firestore fieldValue to avoid conflicts with o ...

javascriptfirebasevue.jsgoogle-cloud-firestore

What is the best way to obtain the ID from a URL when utilizing AJAX for redirect

I am facing an issue and need assistance. I currently have three files: home.php <?php include_once('db_includes/db_conx.php'); ?> <?php $sql = "SELECT * FROM posts"; $query = mysqli_query($db_conx, $sql); while($post = mysq ...

phpajaxurlmysqliget

Issue with collapsed navbar button functionality in Bootstrap version 5.1.3

Issue with Bootstrap 5 Navbar Collapse Functionality The navbar collapse button is not working on my PC. The button appears but when clicked, the navbar does not show up. Surprisingly, when I test the code on Codeply (without linking to Bootstrap 5 and ot ...

javascripthtmljquerybootstrap-5

Using javascript to locate and substitute a word divided among multiple tags - a step-by-step guide

I need to utilize JavaScript to locate and substitute a word that has been separated into multiple tags. For instance, consider the following HTML code: <html> <body> <div id="page-container"> This is an apple. ...

javascripthtmlnode.js

The JavaScript function prints the variable using `console.log(var)`, however, it does not assign `var2` to

I've been following a tutorial on implementing push notifications in VueJS from this link. After running the register function on the created hook, I encountered an issue: register() { if ("serviceWorker" in navigator && "PushManager" in window ...

javascriptvue.jspromisepush-notificationes6-promise

When using React hooks forms, setting default values from a reduced array does not automatically populate the form. However, manually entering the same object into the form does

As I work with react hooks forms, I am facing a challenge in setting default values for a form generated by mapping over an array to output the inputs. After reducing the array into an object format like {name0:"fijs",name1:"3838"...}, manually passing thi ...

javascriptreactjsstatereducereact-forms

Watching for changes in a callback function - Angular 2

I'm currently working on implementing a callback function within a service class that needs to send data back to the component class. ChatComponent.ts export class ChatComponent implements OnInit { constructor( public _chatService : ChatService) ...

javascriptangularangular2-services

Ways to create a sequential appearance of elements through CSS animations

Can you help me achieve a wave effect for elements appearing one by one using CSS animation (jQuery)? Currently, all the elements show up at once and I want to create a wave-like motion. Any assistance would be greatly appreciated. $(window ...

javascriptjquerycss

Analyzing and refreshing the data entries in firebase database

https://i.stack.imgur.com/ZMjck.png I have been attempting to modify my Username password group name. However, the update process is not successful. I am looking for a way to compare data before updating fields, but I am unable to find a suitable method. ...

javascriptreactjsfirebasefirebase-realtime-database

Eliminate the legend color border

I have successfully implemented the following code and it is functioning properly. However, I am trying to remove the black boundary color legend but am struggling to figure out how to do so. var marker = new kendo.drawing.Path({ fill: { co ...

javascriptkendo-uikendo-chart

Encountering a 400 error (Bad Request)

I encountered a 400 Bad Request error while attempting to make a jQuery AJAX POST request to my WCF Service. Despite passing complex data to the WCF method, I am unable to receive the desired response. Interestingly, when I tested the same call using Post ...

jqueryajaxwcfpost

filter supabase to only show items with numbers greater than or equal to a

Hey there! Currently, I am in the process of setting up a store using nextjs pages router and supabase. However, I have encountered a peculiar bug with my product filtering system when dealing with numbers exceeding 4 digits (e.g., 11000). The structure o ...

javascriptnext.jssupabase

The action is undefined and cannot be read for the property type

Using the React+Redux framework, I encountered an error: https://i.sstatic.net/0yqjl.png During debugging, the server data successfully reached the state, but the action was empty: https://i.sstatic.net/41VgJ.png Highlighted below is a snippet of my co ...

javascriptreactjsreduxreact-redux

Exploring Elasticsearch: Uncovering search results in any scenario

I've been working on a project where my objective is to receive search engine results under all conditions. Even if I enter a keyword that is not included in the search data or if it is an empty string, I still want to get some kind of result. How can ...

javascriptnode.jselasticsearch

Manipulating Data in TypeScript: Creating a Mutated Copy of a List of Dictionaries

After going through multiple answers, it appears that there might be a logical error. However, I am struggling to find a solution for this issue. In TypeScript/JavaScript, I have two lists of dictionaries. One list is a copy of the other for tracking purp ...

javascriptarraystypescriptcloning

PHP fails to retrieve data from a JavaScript Ajax function using the FormData object (specifically, when

I'm facing an issue where my file is not being detected when I send a FormData object using AJAX and PHP code. Both the `$_FILES` array and the `$_POST` array appear to be empty. However, the browser does send the file with the AJAX request. <inpu ...

javascriptphpajax

Utilize the splice function when resizing the window based on specific breakpoints

On a series of div elements, I have implemented some JS/jQuery code that organizes them by wrapping every three elements in a container with the class .each-row. <div class="element"></div> <div class="element"></div> <div class ...

javascriptjqueryhtmlcss

I'm encountering an issue with my API Key being undefined, despite having it saved in both an .env file and as a global variable

While attempting to retrieve information from an API, I encountered an issue where the key I was using was labeled as "undefined". However, after manually replacing {key=undefined} with the correct string in the network console, I was able to successfull ...

javascriptreactjs

Error: A surprise 'dot' token was found while defining the function

As part of my API development, I'm working on creating a register route. However, I encountered an issue when trying to utilize the User.function - AddUser method from my model file. The error message mentions an unexpected token .. Below is the code ...

javascriptexpressmongoose

Enhancing vanilla HTML elements with custom props using React

const handleSelectChange = (e) => { console.log(e.target.getAttribute('id')); }; return ( <div> <select onChange={(e) => handleSelectChange(e)}> <option value="1-10" id=&qu ...

javascriptreactjs