en la parte del código python (como app.py) en la parte de la barra de menú podemos definir nuestra barra de navegación como:
# Define navbar with logo # ####################################################### logo = img(src='/static/img/logo192.png', height="55", width="70", style="margin-top:-15px", ) # here we define our menu items nav = Nav() # registers the "top" menubar nav.register_element('top', Navbar(logo, View('Home', 'index'), View('LogIn', 'login'), View('SignUp', 'signup'), ))código parte html en mi plantilla:
<body> <div class="navbar navbar-fixed-top"> {% block navbar %} {{nav.top.render()}} {% endblock %} </div>No se puede hacer clic en una imagen del logotipo. ¿Cómo puedo hacer para que esta imagen se pueda hacer clic en cualquier enlace?
es posible si agregamos un script a mi archivo de plantilla
después de agregar un atributo de identificación a <img:
# Define navbar with logo # ####################################################### logo = img(id='logo', src='/static/img/logo192.png', height="55", width="70", style="margin-top:-15px", )y puede cambiar una etiqueta <img a una etiqueta <a con scripts js como:
</body> {% block scripts %} {{super()}} <script> var initi = document.getElementById('logo').outerHTML; console.log(initi); var code = '<a id = "alogo" href="">' + initi + '</a>'; console.log(initi); window.addEventListener('load', function(event) { document.getElementById('logo').outerHTML = code; document.getElementById('alogo').href ="{{ url_for('image_map') }}" }); </script> {% endblock %}