Run JS script

In my application I use solara as an iframe and sometimes I need to send information to the front. I need send info after clicking the buttons. I have several buttons after some of them work, it is necessary for an alert message or a base64 image to be sent to the front.

My sending function looks like this:

def sendMessageToFront(msg):
    jsn = json.dumps(msg.value)

    custom_js = f"""
    window.parent.postMessage({{
        data: {jsn},
        type: "ipynb",
        key: "test"
    }}, '*');
    """
    solara.HTML(tag="script", unsafe_innerHTML=custom_js)

def sendMessageToFront(msg):
    jsn = json.dumps(msg.value)

    custom_js = f"""
    window.parent.postMessage({{
        data: {jsn},
        type: "ipynb",
        key: "test"
    }}, '*');
    """
    solara.HTML(tag="script", unsafe_innerHTML=custom_js)

And I don’t know how to properly integrate it into this scheme:

import solara

message_dict = solara.reactive({})

def on_click_1():
    ...
    message_dict.set({"alertMessage": "CLICK 1"})

def on_click_2():
    ...
    message_dict.set("imageLink": f'data:image/png;base64,{img_b64}')

@solara.component
def Page():
    solara.Button(label="CLICK 1", on_click=on_click_1)
    solara.Button(label="CLICK 2", on_click=on_click_2)

Page()

import solara

message_dict = solara.reactive({})

def on_click_1():
    ...
    message_dict.set({"alertMessage": "CLICK 1"})

def on_click_2():
    ...
    message_dict.set("imageLink": f'data:image/png;base64,{img_b64}')

@solara.component
def Page():
    solara.Button(label="CLICK 1", on_click=on_click_1)
    solara.Button(label="CLICK 2", on_click=on_click_2)

Page()

Solara•2y ago•

3 replies

icecream4

Run JS script

def sendMessageToFront(msg):
    jsn = json.dumps(msg.value)

    custom_js = f"""
    window.parent.postMessage({{
        data: {jsn},
        type: "ipynb",
        key: "test"
    }}, '*');
    """
    solara.HTML(tag="script", unsafe_innerHTML=custom_js)

def sendMessageToFront(msg):
    jsn = json.dumps(msg.value)

    custom_js = f"""
    window.parent.postMessage({{
        data: {jsn},
        type: "ipynb",
        key: "test"
    }}, '*');
    """
    solara.HTML(tag="script", unsafe_innerHTML=custom_js)

And I don’t know how to properly integrate it into this scheme:

import solara

message_dict = solara.reactive({})

def on_click_1():
    ...
    message_dict.set({"alertMessage": "CLICK 1"})

def on_click_2():
    ...
    message_dict.set("imageLink": f'data:image/png;base64,{img_b64}')

@solara.component
def Page():
    solara.Button(label="CLICK 1", on_click=on_click_1)
    solara.Button(label="CLICK 2", on_click=on_click_2)

Page()

import solara

message_dict = solara.reactive({})

def on_click_1():
    ...
    message_dict.set({"alertMessage": "CLICK 1"})

def on_click_2():
    ...
    message_dict.set("imageLink": f'data:image/png;base64,{img_b64}')

@solara.component
def Page():
    solara.Button(label="CLICK 1", on_click=on_click_1)
    solara.Button(label="CLICK 2", on_click=on_click_2)

Page()

Run JS script

Similar Threads

Run JS script

Similar Threads

Similar Threads

Similar Threads