doc ready πρόβλημα

Κώδικας, πληροφορίες, ερωτήσεις και απαντήσεις σχετικές με την JavaScript.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
Serghio
Δημοσιεύσεις: 451
Εγγραφή: 08 Φεβ 2011 19:20
Τοποθεσία: Περιστέρι

doc ready πρόβλημα

Δημοσίευση από Serghio » 23 Ιουν 2015 09:49

Έχω βάλει όλο τον JS κώδικα μέσα στην doc ready....επιπλέον η σελίδα στην οποία τρέχει η doc ready έχει κάποιο markup κώδικα.

Το πρόβήμα που έχω είναι ότι μέχρι να τρέξει η doc ready/JS ο χρήστης βλέπει την unpainted markup για κάποιοι κλάσμα του δευτερολέπτου...μέχριν να "βαφτει" απο τον JS κώδικα

Τι μπορώ να κάνω για να το αποφύγω αυτό το οποίο απο άποψη UX δεν είναι ότι καλύτερο.

Άβαταρ μέλους
korgr
Honorary Member
Δημοσιεύσεις: 5067
Εγγραφή: 07 Οκτ 2008 18:30
Τοποθεσία: Corinth
Επικοινωνία:

doc ready πρόβλημα

Δημοσίευση από korgr » 23 Ιουν 2015 12:17

Αν δεν σε ενδιαφέρουν οι χρήστες χωρίς JS, κάνε αόρατο το περιεχόμενο σου με css και όταν τελειώσεις με την ready, επανέφερε το visibility μέσω js

Άβαταρ μέλους
Rapid-eraser
WebDev Moderator
Δημοσιεύσεις: 6851
Εγγραφή: 05 Απρ 2003 17:50
Τοποθεσία: Πειραιάς
Επικοινωνία:

doc ready πρόβλημα

Δημοσίευση από Rapid-eraser » 23 Ιουν 2015 13:58

Θα μπορούσε να τα κάνει και τα δύο συνδυάζοντας ένα noscript tag και redefine του style

Κώδικας: Επιλογή όλων

    

<style type="text/css">
       /* Style me javascript */
</style>

<noscript>
    <style type="text/css">
       /* Style xoris javascript */
    </style>
</noscript>

Cu, Rapid-eraser, Tα αγαθά copies κτώνται.
Love is like oxygen, You get too much you get too high
Not enough and you're gonna die, Love gets you high

Serghio
Δημοσιεύσεις: 451
Εγγραφή: 08 Φεβ 2011 19:20
Τοποθεσία: Περιστέρι

doc ready πρόβλημα

Δημοσίευση από Serghio » 23 Ιουν 2015 18:01

korgr έγραψε:Αν δεν σε ενδιαφέρουν οι χρήστες χωρίς JS, κάνε αόρατο το περιεχόμενο σου με css και όταν τελειώσεις με την ready, επανέφερε το visibility μέσω js
το δοκίμασα αυτό αλλά, δεν πιάνει...δεν ξερω γιατί(το οποίο μου φαίνεται λογικότατο)


συγκεκριμένα:

το body το θετω σε display:none και στο τέλος της doc ready έχω ('body').show();

χωρίς αποτέλεσμα όπως προανέφερα

Άβαταρ μέλους
korgr
Honorary Member
Δημοσιεύσεις: 5067
Εγγραφή: 07 Οκτ 2008 18:30
Τοποθεσία: Corinth
Επικοινωνία:

doc ready πρόβλημα

Δημοσίευση από korgr » 23 Ιουν 2015 19:33

Σωστός ο Φίλιππος ;)

Δοκίμασε αντί το display: none το visibility: hidden/visible

Serghio
Δημοσιεύσεις: 451
Εγγραφή: 08 Φεβ 2011 19:20
Τοποθεσία: Περιστέρι

doc ready πρόβλημα

Δημοσίευση από Serghio » 23 Ιουν 2015 20:38

το body το εθεσα hidden με το visibility...
δεν μπορώ να βρω ομως με ποιά μεθοδο jquery θα το "ξεκανω" αυτο μέσα στην doc ready.

Έχω δοκιμάσει διάφορα...αλλά χωρίς αποτλέσμα.

Άβαταρ μέλους
korgr
Honorary Member
Δημοσιεύσεις: 5067
Εγγραφή: 07 Οκτ 2008 18:30
Τοποθεσία: Corinth
Επικοινωνία:

doc ready πρόβλημα

Δημοσίευση από korgr » 23 Ιουν 2015 21:53

Κώδικας: Επιλογή όλων

$&#40;'body'&#41;.css&#40;'visibility', 'visible'&#41;;

Serghio
Δημοσιεύσεις: 451
Εγγραφή: 08 Φεβ 2011 19:20
Τοποθεσία: Περιστέρι

doc ready πρόβλημα

Δημοσίευση από Serghio » 23 Ιουν 2015 22:12

ΠΕΤΥΧΕ!!!

Oπότε μένει μια ερωτηση ακόμα για να κελείσει το θέμα...τι ειναι προτιμότερο;

Η μέθοδος αυτη που που περιγράφεται παραπάνω ή να χρησιμοποίησω PHP(για server language αυτην χρησιμοποιώ) για να θέσω τα αρχικα CSS της σελίδας;

Άβαταρ μέλους
korgr
Honorary Member
Δημοσιεύσεις: 5067
Εγγραφή: 07 Οκτ 2008 18:30
Τοποθεσία: Corinth
Επικοινωνία:

doc ready πρόβλημα

Δημοσίευση από korgr » 24 Ιουν 2015 06:03

Πιστεύω καλύτερη είναι η λύση του Rapid-eraser γιατί καλύπτει και τις δύο περιπτώσεις (js enabled & disabled)

Serghio
Δημοσιεύσεις: 451
Εγγραφή: 08 Φεβ 2011 19:20
Τοποθεσία: Περιστέρι

doc ready πρόβλημα

Δημοσίευση από Serghio » 01 Ιούλ 2015 19:20

korgr έγραψε:Πιστεύω καλύτερη είναι η λύση του Rapid-eraser γιατί καλύπτει και τις δύο περιπτώσεις (js enabled & disabled)
Δεν καταλαβαίνω όμως πως βοηθάει στην λύση του js disabled.

Διότι στην παραπάνω περίπτωση ο χρήστης θα βλέπει μια λευκή σελίδα....

Απάντηση

Επιστροφή στο “JavaScript και Frameworks”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 0 επισκέπτες