javascript site welcome loader с элементом HTML5

У меня есть странная проблема. вопрос заключается не столько в специфике кода, сколько в общем подходе.javascript site welcome loader с элементом HTML5

сценарий: на веб-сайте есть «приветственный экран». Элемент приветствия представляет собой анимацию HTML5 EDGE (ее небольшой файл;)). Используя обнаружение на стороне клиента, мы проверим, включены ли файлы cookie. если файлы cookie включены, мы проверяем cookie ['loader_shown']. если мы не увидим этот файл cookie, мы хотим использовать JS, чтобы показать полноэкранный наложенный div наполовину непрозрачный. внутри этого div мы хотим использовать AJAX для загрузки в элемент загрузки html - на данный момент это определено в отдельном файле и, конечно же, переопределяет другие файлы в пакете файлов EDGE ...

Любые предложения по как лучше подойти к этому. важно, чтобы элемент HTML5 EDGE загружался только с сервера, как только обнаружение приветствия увлажнило первый оверлейный div ....

Ох, элемент EDGE должен оставаться прозрачным!

источник

2012-07-02 Nick

Используйте jQuery для большей части этого. Проверьте файл cookie. http://stackoverflow.com/questions/2824021/check-if-cookie-exists-if-not-create-it, чтобы вы начали. –

WTF - это анимация «HTML EDGE»? Это полезно, когда вы задаете вопросы, чтобы показать какой-либо код, который вы написали, шаги, которые вы предприняли для решения проблемы или того, что вы уже изучили, поэтому мы не спускаемся по тем путям, которые вы уже считаете неудачными. Постановка такого общего вопроса, как это, не очень подходит для формата Q & A, который предоставляет этот форум. – tkone

@tkone извините .. EDGE пример здесь: http://s404416203.domenaklienta.pl/html5_intro/005/ – Nick

решён. лучший подход к динамически загружать файлы JS, как только куки были проверены:

источников в комментариях

<!DOCTYPE HTML> 

<html lang="en"> 

<head> 

<script type="text/javascript"> 

    var cookiesEnabled = are_cookies_enabled(); 

    function are_cookies_enabled()                 // http://sveinbjorn.org/cookiecheck 
    { 
     var cookieEnabled = (navigator.cookieEnabled) ? true : false; 

     if (typeof navigator.cookieEnabled == "undefined" && !cookieEnabled) 
     { 
      document.cookie="testcookie"; 

      cookieEnabled = (document.cookie.indexOf("testcookie") != -1) ? true : false; 
     } 
     return (cookieEnabled); 
    } 

    // http://www.hunlock.com/blogs/Howto_Dynamically_Insert_Javascript_And_CSS 

    if(cookiesEnabled == true) 
    { 
     var headID = document.getElementsByTagName("head")[0];   

     var newScript = document.createElement('script'); 

     newScript.type = 'text/javascript'; 

     newScript.charset = 'utf-8'; 

     //newScript.onload=scriptLoaded; // If you're loading an external javascript and you need to know when the script has loaded you can simply use .onload=yourfunction; to set up the onload handler. Here's an example. 

     newScript.src = '_loader/head3_C_213_no_preloader_edgePreload.js'; 

     headID.appendChild(newScript); 
    } 

</script> 

<style> 

    .edgeLoad-EDGE-614773 { 
     display:none; 
    } 

</style> 

</head> 

<body style="margin:0;padding:0;"> 

<h1>test</h1> 
    <div id="Stage" class="EDGE-614773"> 
    </div> 
</body> 

</html>

никогда не думал о JS загрузке сама из сценария, как, что ...... О, возможность!

источник

2012-07-02 20:45:43 Nick

ответ

Смежные вопросы