Como crear una función JavaScript

Para cualquier duda sobre Joomla! 4.x que no tenga cabida en alguno de los foros de más abajo.

Moderator: hefesto

Post Reply
albertollopis
Joomla! Fledgling
Joomla! Fledgling
Posts: 1
Joined: Wed Nov 15, 2023 12:07 pm

Como crear una función JavaScript

Post by albertollopis » Wed Nov 15, 2023 12:15 pm

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>
Last edited by pe7er on Wed Nov 15, 2023 12:56 pm, edited 1 time in total.
Reason: added code tags for readability

User avatar
pabloarias
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 232
Joined: Wed Oct 03, 2012 9:15 am
Location: Vigo
Contact:

Re: Como crear una función JavaScript

Post by pabloarias » Wed Nov 15, 2023 7:26 pm

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.


Post Reply

Return to “Joomla! 4.x”