Page 1 of 1

Como crear una función JavaScript

Posted: Wed Nov 15, 2023 12:15 pm
by albertollopis
Hola, soy nuevo en Joomla y estoy creando un articulo que tiene este código HTML que lo que hace es dependiendo del año que selecciones en el botón debería dirigirte a un pdf mediante una url pero no me funciona ya que cuando guardo el articulo y vuelo a entrar en el código toda la función de javascript me la elimina..
CODIGO:

Code: Select all

<!doctype html>
<html lang="es">

<head>
    <meta charset="UTF-8">
    <title>Bolet&iacute;n anual</title>

    <style>
        /* Puedes agregar tu estilo CSS aquí */
    </style>

    <script type="text/javascript">
        function boletin_anual() {
            var ano = document.getElementById('ano').value;
            var nombre_boletin = "http://XXXX/resumen_" + ano + ".pdf";
            window.open(nombre_boletin, '_blank');
        }
    </script>

</head>

<body>

    <table>
        <tr border="1">
            <td colspan="2" align="center" style="position:absolute;top:50px;left:250px">
                <h2><b> RESUMEN ANUAL</b></h2>
            </td>
        </tr>
        <tr>
            <td style="position:absolute;top:100px;left:275px">
                <h3><b>Selecciona un a&ntilde;o:</b></h3>
                <br>
                <br>
                <select name="Ano" id="ano">
                    <option value="2014">2014</option>
                    <option value="2015">2015</option>
                    <option value="2016">2016</option>
                    <option value="2017">2017</option>
                    <option value="2018">2018</option>
                    <option value="2019">2019</option>
                    <option value="2020">2020</option>
                    <option value="2021">2021</option>
                    <option value="2022">2022</option>
                    <option value="2023">2023</option>
                </select>
            </td>
        </tr>
    </table>

    <input type="button" onClick="boletin_anual();" value="Ver boletin " align="center" style="position:absolute;top:250px;left:300px;background-color: #a9e6f5;width: 150px; height: 40px;font-size:14px">

</body>

</html>

Re: Como crear una función JavaScript

Posted: Wed Nov 15, 2023 7:26 pm
by pabloarias
El código JavaScript se elimina por motivos de seguridad.

Puedes evitarlo cambiando las opciones del editor que uses.

Si es el de Joomla por defecto vete al plugin «Editor - TinyMCE» y haz esto:

- Quita en el campo «Elementos prohibidos» la palabra «script».
- Ponla en el campo «Elementos válidos extendidos».

Otros detalles: en el código sobran etiquetas html: el doctype, html, head, meta y title no tienen que ir en un artículo, ya las carga Joomla con la plantilla. Y seguro que encuentras un manera mejor de mostrar el formulario sin una tabla.

Cuéntanos si has conseguido tu propósito.