Click here to Skip to main content
14,365,424 members

JavaScript

 
QuestionProblem with Geolocation Pin
Member 146374312-Nov-19 11:48
memberMember 146374312-Nov-19 11:48 
AnswerRe: Problem with Geolocation Pin
A_Griffin2-Nov-19 12:23
memberA_Griffin2-Nov-19 12:23 
QuestionProblem with Geolocation Pin
Member 1463743128-Oct-19 14:50
memberMember 1463743128-Oct-19 14:50 
AnswerRe: Problem with Geolocation Pin
Nathan Minier29-Oct-19 2:31
professionalNathan Minier29-Oct-19 2:31 
GeneralRe: Problem with Geolocation Pin
Richard Deeming29-Oct-19 3:16
mveRichard Deeming29-Oct-19 3:16 
GeneralRe: Problem with Geolocation Pin
Nathan Minier29-Oct-19 3:46
professionalNathan Minier29-Oct-19 3:46 
AnswerRe: Problem with Geolocation Pin
A_Griffin2-Nov-19 9:00
memberA_Griffin2-Nov-19 9:00 
QuestionOpening an External URL Page in my Modal Dialog and capture some of the information that's being submitted to the parent React Pin
simpledeveloper23-Oct-19 13:29
membersimpledeveloper23-Oct-19 13:29 
Hi, I have a Component called Dashboard which is opening a modal dialog, what I want is, I want to open an external url like google.com in that modal dialog, what user enters in the search textbox I want to capture it into my parent Window or component, is that possible, if it is not from google.com, then some other url, is it possible using React JS/React native?
Here is Dashboard component code:
import React, { Component } from "react";
    import ReactDOM from "react-dom";
    import { Modal } from './Modal';
    
    class Dashboard extends React.Component {
        state = { show: false };

    showModal = () => {
        this.setState({ show: true });
    };

    hideModal = () => {
        this.setState({ show: false });
    };

    render() {
        return (
            <main>
                <h1>React Modal</h1>
                <Modal show={this.state.show} handleClose={this.hideModal}>
                    <p>Modal</p>
                    <p>Data</p>
                </Modal>
                <button type="button" onClick={this.showModal}>
                    open
        </button>
            </main>
        );
    }
    }    
    export default Dashboard;

Here is my Modal js code
import React, { Component } from "react";
    import './ModalSS.css';
    
    export const Modal = ({ handleClose, show, children }) => {
        const showHideClassName = show ? "modal display-block" : "modal display-none";
    return (
        <div className={showHideClassName}>
            <section className="modal-main">
                {children}
                <button onClick={handleClose}>close</button>
            </section>
        </div>
     );
    }

Here is my CSS:
body {
    }
    
    .modal {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.6);
    }
    
    .modal-main {
        position: fixed;
        background: white;
        width: 80%;
        height: 80%;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }
    
    .display-block {
        display: block;
    }
    
    .display-none {
        display: none;
    }

Any idea how can I load a new external url in this modal and when user enters values and clicks on search or submit, it closes the modal and sends some of the information to the end parent component. Is it possible, if yes how can I do it - any help please - thanks in advance.
AnswerRe: Opening an External URL Page in my Modal Dialog and capture some of the information that's being submitted to the parent React Pin
jkirkerx24-Oct-19 13:35
professionaljkirkerx24-Oct-19 13:35 
GeneralRe: Opening an External URL Page in my Modal Dialog and capture some of the information that's being submitted to the parent React Pin
simpledeveloper24-Oct-19 14:23
membersimpledeveloper24-Oct-19 14:23 
QuestionCan ms blazor be next level of client-side coding Pin
simpledeveloper23-Oct-19 12:42
membersimpledeveloper23-Oct-19 12:42 
AnswerRe: Can ms blazor be next level of client-side coding Pin
jkirkerx24-Oct-19 13:00
professionaljkirkerx24-Oct-19 13:00 
GeneralRe: Can ms blazor be next level of client-side coding Pin
simpledeveloper24-Oct-19 14:22
membersimpledeveloper24-Oct-19 14:22 
GeneralRe: Can ms blazor be next level of client-side coding Pin
jkirkerx25-Oct-19 11:53
professionaljkirkerx25-Oct-19 11:53 
AnswerRe: Can ms blazor be next level of client-side coding Pin
Pete O'Hanlon5-Nov-19 1:45
protectorPete O'Hanlon5-Nov-19 1:45 
GeneralRe: Can ms blazor be next level of client-side coding Pin
simpledeveloper5-Nov-19 7:09
membersimpledeveloper5-Nov-19 7:09 
GeneralRe: Can ms blazor be next level of client-side coding Pin
Pete O'Hanlon5-Nov-19 21:40
protectorPete O'Hanlon5-Nov-19 21:40 
QuestionOpen base64 encoded pdf file using javascript Pin
Member 1286358021-Oct-19 5:16
memberMember 1286358021-Oct-19 5:16 
AnswerRe: Open base64 encoded pdf file using javascript Pin
jkirkerx21-Oct-19 13:22
professionaljkirkerx21-Oct-19 13:22 
AnswerRe: Open base64 encoded pdf file using javascript Pin
Richard Deeming22-Oct-19 2:15
mveRichard Deeming22-Oct-19 2:15 
GeneralRe: Open base64 encoded pdf file using javascript Pin
jkirkerx24-Oct-19 13:18
professionaljkirkerx24-Oct-19 13:18 
AnswerRe: Open base64 encoded pdf file using javascript Pin
Parth Munjpara23-Oct-19 0:11
memberParth Munjpara23-Oct-19 0:11 
QuestionWant to download a zip file that's returned as FileStreamResult only, I could able to download in-memory using byte array but Pin
simpledeveloper17-Oct-19 14:27
membersimpledeveloper17-Oct-19 14:27 
AnswerRe: Want to download a zip file that's returned as FileStreamResult only, I could able to download in-memory using byte array but Pin
jkirkerx21-Oct-19 13:11
professionaljkirkerx21-Oct-19 13:11 
GeneralRe: Want to download a zip file that's returned as FileStreamResult only, I could able to download in-memory using byte array but Pin
simpledeveloper21-Oct-19 14:16
membersimpledeveloper21-Oct-19 14:16 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.