python-eel/Eel

javascipt does not work

Open

#556 ouverte le 9 janv. 2022

Voir sur GitHub
 (1 commentaire) (0 réactions) (0 assignés)Python (570 forks)batch import
help wanted

Métriques du dépôt

Stars
 (5 980 stars)
Métriques de merge PR
 (Aucune PR mergée en 30 j)

Description

running javascript when i update html code to something else(with javascipt in it) the javasctipt doesnt looks like its running

main.py

import eel	




@eel.expose
def loginr(username,password):
    print(username,password)

   return ceUI.accept_login(username)
          
    

class ceUI:
	def innit():
		eel.init('ui-components')
		eel.start("templates/index.html", size=(400,500),block=False)
		while True:
			eel.sleep(1)


	def accept_login(username):

html = ""
		for line in open(f"ui-components/templates/index2.html","r"):
			html += line

		return html
	

	
ceUI.innit()

main.js

async function login(user,passw){
    await eel.loginr(user,passw)(function(x){
        document.getElementById("body").innerHTML = x;
        document.title = "";
        
    });  
}





window.addEventListener("resize", function(){
    window.resizeTo(400, 500);
});

index.html

<!DOCTYPE html>
<html translate="no">
	<head>
		<meta name="google" content="notranslate">
		<meta charset="UTF-8">
		<meta name="keywords" content="HTML,CSS,XML,JavaScript">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<link rel="preconnect" href="https://fonts.googleapis.com">
		<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
		<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@600&display=swap" rel="stylesheet"> 
		<link rel="stylesheet" href="../styles/main.css">
		<title></title>
	</head>
	<body id="body">
		<div id="loginScreen">
			<h1>LOGIN</h1>
			<input id="username" autocomplete="new-password" spellcheck="false" type="username" placeholder="Username"><br>
			<input id="password" type="password" placeholder="••••••••••••••">
			<div id="loginButtons">
				<button onclick="login(document.getElementById('username').value,document.getElementById('password').value)" style="margin-left:0;background-color: #41CE4B;color: #0C0C0C;">LOGIN</button>
				<button id ="reg" style="color: #41CE4B;background-color: transparent;border:2px solid #41CE4B;">REGISTER</button>
			</div>
			<div id="links">
				<a href="" target="blank">TOS</a><br>
				<a href="" style="margin-top:-20px;" target="blank">FAQ</a>
			</div>
		</div>

	</body>
	
	<script src="/eel.js"></script>
	<script src="/javascript/main.js"></script>

</html>

index2.html

<!DOCTYPE html>
<html translate="no">
		<head>
		<meta name="google" content="notranslate">
		<meta charset="UTF-8">
		<meta name="keywords" content="HTML,CSS,XML,JavaScript">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<link rel="preconnect" href="https://fonts.googleapis.com">
		<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
		<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@600&display=swap" rel="stylesheet"> 
		<link rel="stylesheet" href="../styles/main.css">
		<title></title>
	</head>
	<body id="body"><div id="earn">
		<div id="welcomeBack">
			<h1>WELCOME BACK</h1>
		</div>
		<div id="logo">
			<img id="logoImg" src="https://media.discordapp.net/attachments/927650748685242388/927654178606706808/A.png?width=418&amp;height=418">
		</div>
		<div id="buttonContainer">
			<button id="startbut" onclick="eel.starts()" style="position: relative; z-index: 100; background-color: #42c84b;">START</button>
			</div>
		<div id="discord">
			<img src="/img/discord.png">
		</div>
	</div>
	</body>
	
	<script src="/eel.js"></script>
	<script src="/javascript/main.js"></script>
	<script type="text/javascript">
   const btn = document.getElementById("startbut");

btn.addEventListener("click", ()=>{

    if(btn.innerText === "START"){
        btn.innerText = "STOP";
    }else{
        btn.innerText= "START";
    }
});
</script>
</html>
 

the javascpit code in index2.html doesnt run, i know the script works , even when i put it inside console

Desktop :

  • OS: windows
  • Browser [chrome]
  • Version [92]

Guide contributeur