Visualizzazione dei risultati da 1 a 5 su 5
  1. #1

    dare focus alla pagina figlia

    salve,

    sto cercando di dare focus via javascript ad un elemento di una pagina richiamata da un IFRAME.

    Codice PHP:
    <iframe name="win" src="select_menu.html" style="width:480px;height:280px;"></iframe

    il file select_menu.html contiene diversi collegamenti con un id numerato progressivo, io mi trovo nella necessità di dare focus al primo della lista.
    Focus gestito anche dall'evento onkeydown e da uno stile definito per il focus al collegamento.

    ecco come è impostata la pagina richiamata dall'iframe:

    Codice PHP:
      <div id="menu">
      
        [
    url="#"]linea 1[/url]
        [
    url="#"]linea 2[/url]
        [
    url="#"]linea 3[/url]
        [
    url="#"]linea 4[/url]
        [
    url="#"]linea 5[/url]
      </
    div

    ho provato così e funziona:

    codice:
    document.getElementsByName('win')[0].focus();
    ovviamente imposto il focus alla pagina e siccome la pagina cattura l'evento onkeydown, e filtrando il tasto freccia (event.keyCode 40 & 38) riesco ad evidenziare i vari collegamenti selezionadoli con i tasti SU e GIU.
    Io dovrei dare focus al primo collegamento, da subito.

    un aiuto? grazie
    IMPOSSIBLE IS NOTHING - LOOK BEFORE YOU LEAP !!!

  2. #2
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    i tag ... non supportano il focus, che è una prerogativa degli elementi del form.


    P.S. Usare id numerici è fortemente sconsigliato meglio cosi id="_1"
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  3. #3
    per gli id fatti di soli numeri lo so, era un esempio quello riportato.

    però devo anche dirti che il focus al tag <a href riesco a darlo, non ho provato su altri browser, ma sicuramente con google chrome è possibile.

    se fai una prova vedrai che il tag viene contornato da una sorta di riga dotted
    IMPOSSIBLE IS NOTHING - LOOK BEFORE YOU LEAP !!!

  4. #4
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Metti una pagina online cosi la si testa con tutti i browser
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  5. #5
    ho risolto da solo, posto cmq la soluzione che era alquanto ovvia, ma a volte certi meccanismi si bloccano

    Codice PHP:

    window
    .frames['win'].document.getElementById('row1').focus();

    //dove row_1 sta per l'ID del tag [url=""][/url] 

    poi impostando un foglio di stile al tag:

    #mywin a:focus {background:#ffff00;color:blue;}

    ottieni la visibilità del focus che lo si fa muovere leggendo gli eventi onkeydown del DOCUMENT

    grazie lo stesso.

    PS.
    lavoro in una intranet non mi è possibile pubblicare la pagina.
    IMPOSSIBLE IS NOTHING - LOOK BEFORE YOU LEAP !!!

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.