Visualizzazione dei risultati da 1 a 6 su 6
  1. #1
    Utente di HTML.it
    Registrato dal
    Mar 2019
    Messaggi
    23

    querySelector non supportato nei browser obsoleti

    Ciao non sono esperto di programmazione ed ho una pagina web salvata con JavaScript ma quando la apro con Internet Explorer con modalità compatibilità IE5 visualizzo l'errore "L'oggetto non supporta la proprietà o il metodo 'querySelector'" quindi mi chiedo se è possibile convertire e rendere il codice compatibile con i browser obsoleti (Internet Explorer e Netscape). Il problema sembrano le proprietà o i metodi querySelector e addEventListener che non sono supportati e non so se esistono delle alternative per farlo funzionare nei browser obsoleti. Il codice è JavaScript è questo:

    codice:
    function TicTacToe(selector) {
    
        var main_element = document.querySelector(selector),
            score_X = main_element.querySelector('.score.X'),
            score_O = main_element.querySelector('.score.O'),
            board = main_element.querySelector('.board'),
            grid_options = main_element.querySelector('.grid-options'),
            reset_btn = main_element.querySelector('.btn-reset');
    
        var grid_size = 3,
            moves = 0,
            scores = {
                X: 0,
                O: 0
            },
            data = {};
    
        grid_options.addEventListener('change', function(e){
          grid_size = parseInt(e.target.value);
          init();
        });
    
        init();
    
        reset_btn.addEventListener('click', init);
    
        function paint() {
            var table = '<table>';
            for (var i = 0; i < grid_size; i++) {
                table += '<tr>';
                for (var j = 0; j < grid_size; j++) {
                    table += '<td row="' + i + '" column="' + j + '"></td>';
                }
                table += "</tr>";
            }
            board.innerHTML = table;
    
            var columns = board.getElementsByTagName('td');
            for (i = 0; i < columns.length; i++) {
                columns[i].addEventListener('click', mark);
            }
    
        }
    
        function mark(e) {
    
            var td = e.target;
    
            if (td.innerHTML) {
                return;
            }
    
            var row = td.getAttribute('row'),
                column = td.getAttribute('column');
    
            var current_mark = moves % 2 === 0
                ? 'X'
                : 'O';
    
            td.innerHTML = current_mark;
            td.classList.add(current_mark);
            data[row + '' + column] = current_mark;
    
            moves++;
    
            setTimeout(function() {
                if (didWin(current_mark)) {
                    alert(current_mark + ' vince la partita!');
                    scores[current_mark]++;
                    updateScoreboard();
                    empty();
                } else if (moves === Math.pow(grid_size, 2)) {
                    alert("Pareggio!");
                    empty();
                }
            }, 0);
    
        }
    
        function didWin(mark) {
    
            var vertical_count = 0,
                horizontal_count = 0,
                right_to_left_count = 0,
                left_to_right_count = 0;
    
            for (var i = 0; i < grid_size; i++) {
    
                vertical_count = 0;
                horizontal_count = 0;
    
                for (var j = 0; j < grid_size; j++) {
    
                    if (data[i + '' + j] == mark) {
                        horizontal_count++;
                    }
    
                    if (data[j + '' + i] == mark) {
                        vertical_count++;
                    }
    
                }
    
                if (data[i + '' + i] == mark) {
                    left_to_right_count++;
                }
    
                if (data[(grid_size - 1 - i) + '' + i] == mark) {
                    right_to_left_count++;
                }
    
                if (horizontal_count == grid_size || vertical_count == grid_size) {
                    return true;
                }
    
            }
    
            if (left_to_right_count == grid_size || right_to_left_count == grid_size) {
                return true;
            }
    
            return false;
        }
    
        function empty() {
            moves = 0;
            paint();
            data = {};
        }
    
        function init() {
            empty();
            scores = {
                X: 0,
                O: 0
            };
            updateScoreboard();
        }
    
        function updateScoreboard() {
            score_X.innerHTML = scores.X;
            score_O.innerHTML = scores.O;
        }
    
    }
    Ultima modifica di fede220; 16-05-2020 a 14:20

  2. #2
    Moderatore di CSS L'avatar di KillerWorm
    Registrato dal
    Apr 2004
    Messaggi
    4,725
    Ciao, posso chiederti perché ti serve avere compatibilità con i browser estinti?
    Prima di postare considera che tra i link utili puoi trovare il 75% delle risposte alle tue domande; il 20% tra i post del forum; il 15% sul web.
    Ti resta... humm spè

    Le cattive domande sono quelle che non meritano risposta, le buone domande sono quelle che non hanno risposta
    L'Itailano non e nu'opnioine. E' improntate uslaro correattemtne sul froum. Garize!

  3. #3
    Utente di HTML.it
    Registrato dal
    Mar 2019
    Messaggi
    23
    Perchè mi piace avere la pagina retrocompatibile con i browser obsoleti, non so se esite un metodo per convertire il codice per i browser obsoleti. Ho una versione di internet explorer obosoleta sul mio vecchio pc ma quando apro la pagina visualizzo dei messaggi di errori. Lo script è il gioco del tris e mi piacerebbe modificare il codice per renderlo retrocompatibile (con i browser obsoleti).
    Ultima modifica di fede220; 16-05-2020 a 18:48

  4. #4
    Moderatore di CSS L'avatar di KillerWorm
    Registrato dal
    Apr 2004
    Messaggi
    4,725
    Per avere una pagina retrocompatibile
    Sì, questo mi pere scontato, ma qual è la tua reale esigenza di rendere fruibile qualcosa su browser che sostanzialmente non usa più nessuno, se non in qualche particolarissima eccezione come la tua?

    E' giusto per capire se vale la pena perderci tempo a retro-convertire quello script.
    Prima di postare considera che tra i link utili puoi trovare il 75% delle risposte alle tue domande; il 20% tra i post del forum; il 15% sul web.
    Ti resta... humm spè

    Le cattive domande sono quelle che non meritano risposta, le buone domande sono quelle che non hanno risposta
    L'Itailano non e nu'opnioine. E' improntate uslaro correattemtne sul froum. Garize!

  5. #5
    Utente di HTML.it
    Registrato dal
    Mar 2019
    Messaggi
    23
    Quote Originariamente inviata da KillerWorm Visualizza il messaggio
    Sì, questo mi pere scontato, ma qual è la tua reale esigenza di rendere fruibile qualcosa su browser che sostanzialmente non usa più nessuno, se non in qualche particolarissima eccezione come la tua?

    E' giusto per capire se vale la pena perderci tempo a retro-convertire quello script.
    Per chi utilizza browser obsoleti tra cui internet explorer è necessario retro-convertire lo script altrimenti non funziona, questa è la mia esigenza. Ho letto su internet che ci sono dei transpiler che fanno questa cosa ma non so come si utilizzano. Lo script non è complesso e penso che si può retro-convertire.

  6. #6
    Moderatore di CSS L'avatar di KillerWorm
    Registrato dal
    Apr 2004
    Messaggi
    4,725
    ok, senza entrare in polemica, trovo che cercare una retro-compatibilità con browser come Netscape e IE<11, ad oggi, sia statisticamente una scelta anacronistica.

    Non avendo ricevuto una valida motivazione da parte tua, personalmente non ritengo interessante affrontare l'argomento... ovviamente senza offesa alcuna.

    Lascio spazio a qualcun altro
    Prima di postare considera che tra i link utili puoi trovare il 75% delle risposte alle tue domande; il 20% tra i post del forum; il 15% sul web.
    Ti resta... humm spè

    Le cattive domande sono quelle che non meritano risposta, le buone domande sono quelle che non hanno risposta
    L'Itailano non e nu'opnioine. E' improntate uslaro correattemtne sul froum. Garize!

Tag per questa discussione

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 © 2020 vBulletin Solutions, Inc. All rights reserved.