changing Favicon

[Shahin-rmz]

It will be professional if we could change the Favicon of the app, instead of green circle.

[wang0618]

You need execute js code via pywebio.session.run_js to change the favicon:

pywebio.session.run_js("$('head link[rel=icon]').attr('href', image_url)", image_url="https://www.python.org/static/favicon.ico")

[wang0618]

You need add session.run_js() inside of your task function:

def bmi():
    session.run_js(...)
    ...

def mba():
    session.run_js(...)
    ...

[Shahin-rmz]

Ah.
Sorry for noob questions man.
I've ran the JS inside of the function and it worked!!!
but after a second it changed again to green dot.

from pywebio.platform.flask import webio_view
from pywebio import * 
from flask import Flask, send_from_directory
from pywebio.input import input, FLOAT
from pywebio.output import put_text

app = Flask(__name__)

def bmi():
    session.run_js("$('head link[rel=icon]').attr('href', image_url)", image_url="https://accerun.com/wp-content/uploads/2021/03/512px.png")
    height = input("your height in cm: ",type = FLOAT)
    weight = input("your weight in kg : ", type = FLOAT)
    

def mba():
    session.run_js("$('head link[rel=icon]').attr('href', image_url)", image_url="https://accerun.com/wp-content/uploads/2021/03/512px.png")
    Height2 = input ("22222 in cm", type = FLOAT)
    Weight2 = input("3333333: ", type = FLOAT)
    hold()





app.add_url_rule('/', 'webio_view1', webio_view(bmi), methods=['GET', 'POST', 'OPTIONS'])  
app.add_url_rule('/home',' webio_view2', webio_view(mba), methods=['GET', 'POST', 'OPTIONS']) 

app.run(host='localhost', port=5000)

if you could tell me where is my problem it would be helpful.
I think something with asyncho!?

[Shahin-rmz]

Was that a bug or I'm making a mistake @wang0618 ?

[wang0618]

The favicon of the page is designed to be green when the connetion to server is alive and be grey after disconnected.
The former code was only override the green favicon, when the connection is disconnected the favicon will still turn gray.

If you want to persistently change the favicon, you can use the following code:

image_url="https://accerun.com/wp-content/uploads/2021/03/512px.png"
session.run_js("""
$('#favicon32,#favicon16').remove(); 
$('head').append('<link rel="icon" type="image/png" href="%s">')
""" % image_url)

[Shahin-rmz]

Thanks.
This can also be used as standard method in the PyWebIO, so people can just change the Favicon with a URL.