Seleziona porzione testo textarea

**zazoom** · 05-05-2023, 15:23

Originariamente inviata da ninja72

Ti posso domandare :
1) Quale browser e versione stai utilizzando ? Chrome 113.
2) Dreamweaver ha un webserver buil-in oppure ne utilizzi uno di terze parti per testare la pagina ? Lo uso solo per compilare ma testo direttamente su web server
3) La console del browser riporta errori di qualche genere (F12>console) ? No - ti allego screen zazoom.jpg
4) come carichi lo script sulla pagina html5 ? <!DOCTYPE HTML>

quindi aggiungendo :

codice:

<script type="text/javascript">
window.addEventListener ("DOMContentLoaded", () => {
const inputs = document.querySelectorAll('input[name="dc"]')
const tarea = document.querySelector('textarea[name="tag"]')


Array.from(inputs).forEach(function (input) {
    input.addEventListener('click', function (e) {
        const index = tarea.value.indexOf(e.target.value)
        const len = index + e.target.value.length
        tarea.focus()
        tarea.setSelectionRange(index, len)
    })
})
});




</script>

Ho fatto pagina di prova e funziona correttamente. Ti ringrazio davvero tanto ... ma sulla pagina dove mi serve non va

. Devo vedere che cosa gli da fastidio.

**ninja72** · 05-05-2023, 16:43

Allora sul quarto punto mi sono espresso male io, intendevo dire in che parte del file html carichi lo script , se sull'head oppure prima della chiusura del tag body. Se lo script è caricato sull'head ricorda che va inserito la priprietà "defer".

codice:

<script defer>
...
</script>

Inoltre nel punto 3 mi non mi stai mostrando gli errori della console ma i problemi generici.

Questo è l'esempio completo, verifica se eveventualemente trovi.

codice:

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <input name='dc' id='dc' type='text' value='parole-uno' size='60'>
    <input name='dc' id='dc' type='text' value='parole-due' size='60'>
    <input name='dc' id='dc' type='text' value='parole-tre' size='60'>
    <input name='dc' id='dc' type='text' value='parole-quattro' size='60'>
    <input name='dc' id='dc' type='text' value='parole-cinque' size='60'>

    <textarea name="tag" cols="80" rows="23">
parole-uno
parole-due
parole-tre
parole-quattro
parole-cinque
</textarea>
    <button data-open>open modal</button>
    <script>
        window.addEventListener("DOMContentLoaded", function () {
            const inputs = document.querySelectorAll('input[name="dc"]')
            const tarea = document.querySelector('textarea[name="tag"]')

            Array.from(inputs).forEach(function (input) {
                input.addEventListener('click', function (e) {
                    const index = tarea.value.indexOf(e.target.value)
                    const len = index + e.target.value.length
                    tarea.focus()
                    tarea.setSelectionRange(index, len)
                })
            })
        })
    </script>
</body>

</html>

Discussione: Seleziona porzione testo textarea

Strumenti discussione

Ricerca discussione

Visualizza

Hybrid View

Permessi di invio