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

    [ javascript ] problema con scrolling

    metto in questo forum una questione già chiesta nel forum XHTML, si tratta di uno scrolling in Js che mi permettere di far scorrere un <div> inserito in un altro <div> trramite 2 immagini che fungono da pulsanti, lo potete vedere in funzione qui:

    Transitional--> http://64.191.39.80/work/scrollers_t...nal/scroll.php


    il problema consiste che in una pagina uguale ma però con DTD XHTML Strict non funziona, vedi qui:

    Strict --> http://64.191.39.80/work/scrollers_strict/scroll.php

    non conoscendo il linguaggio Js, volevo chiedere a qualche esperto dove sta la causa che mi blocca lo scorrimento, e se magari qualcuno conosce uno script migliore di questo per ottenere lo stesso risultato in una pagina XHTML Strict.
    tnx

  2. #2
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    ti serve che funzioni in documenti strict o contemporaneamente anche in transitional?

  3. #3
    solo in Strict

  4. #4
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    al momento non sono in grado di testare le varie combinazioni browser/dtd
    ma cambiare questo
    codice:
    function MoveArea(x,y){ 
        this.x=x;this.y=y
        this.css.left=this.x 
        this.css.top=this.y
    }
    in questo
    codice:
    function MoveArea(x,y){ 
        this.x=x;this.y=y
        this.css.left=this.x+((bw.dom)?'px':''); 
        this.css.top=this.y+((bw.dom)?'px':'');
    }
    lo fa funzionare anche in mozilla e IE6 con DTD strict
    ciao

  5. #5
    provato su mac , funziona con
    Firefox 1.0
    Mozilla 1.7
    Netscape 7.2
    Camino 0.8

    nn funziona con
    Opera 7.54

    su Safari e IE ho disabilitato il Js pechè non riuscivo a nascondere la barra di scrolling tramite overflow: hidden.

    qualcuno può dirmi come funziona sui vari browsers Windows e Linux?
    Strict --> http://64.191.39.80/work/scrollers_strict/scroll.php

    ringrazio Xinod per il suo prezioso contributo.


  6. #6
    Windows + MSIE6 funziona benissimo. Allora vuol dire che ho il pc rotto, se non funziona agli altri...

  7. #7
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    il link allo script con doctype strict è lo stesso di prima
    suppongo sia stato modificato lo script, x questo funziona

    safari/IE MAC
    potrebbe essere solo un problema di ridisegno,
    prova commentando questo nello script
    // objContainer.css.overflow='hidden'
    e settando direttamente a hidden l' overflow dell' elemento nel css

    opera mac
    posso solo provarlo con versione analoga per win (ma non l' ho al momento)
    puoi confermarmi che con questa versione senza la modifica (con/senza doctype strict) funzionava?

  8. #8
    la pagina l' avevo impostata precedentemente affinche nn caricasse il Js nei browsers Safari, Explorer x mac, Opera x mac a causa di errori nel visualizzare lo scrolling.
    Adesso questi errori sono stati corretti e ho impostato affinche il Js sia caricato su tutti i browsers:

    Strict --> http://64.191.39.80/work/scrollers_strict/scroll.php

    riconfermo che su piattaforma Mac l' unico browser su cui nn funziona è Opera 7.
    su safari funziona però nn è possibile impostare con il js lo scrolling:hidden, per cui si visualizza ciò che si vede sull' allegato.
    l' ho provato con IE5.5 x Win e funziona anche su quello.

    e settando direttamente a hidden l' overflow dell' elemento nel css
    questo nn posso farlo, perche altrimenti chi disabilita Js nn visualizza lo scroller del <div>, il mio obbiettivo è matenere la massima accessibilità, per questo motivo all' inizio avevo tolto il Js per safari e IExMac.

  9. #9
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    Originariamente inviato da nickmadison
    riconfermo che su piattaforma Mac l' unico browser su cui nn funziona è Opera 7.
    ma funzionava con doctype transitional?
    questo nn posso farlo, perche altrimenti chi disabilita Js nn visualizza lo scroller del <div>, il mio obbiettivo è matenere la massima accessibilità, per questo motivo all' inizio avevo tolto il Js per safari e IExMac.
    allora lascia lo stile come prima
    e prova sostituendo quella riga di codice con
    codice:
    setTimeout("objContainer.css.overflow='hidden'",1000)
    giusto per capire se e' un problema di ridisegno e se temporizzando l' istruzione puo' funzionare...

  10. #10
    ma funzionava con doctype transitional?
    riepilogando, provando con Firefox funziona con questi doctype:
    - HTML 4.01 Transitional
    - XHTML 1.0 Transitional
    - XHTML 1.0 Strict

    setTimeout("objContainer.css.overflow='hidden'",10 00)
    ho provato con quella stringa, ma con Safari mi visualizza ancora la barra, penso che sia un problema di quel browser.... imposterò la pagina affinche nn mi carichi il js per quel browser.
    grazie ancora.

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.