NetBeans Forums

 FAQFAQ   SearchSearch   MemberlistMemberlist   RegisterRegister   ProfileProfile   Log in to check your private messagesLog in to check your private messages   Log inLog in 
  

textillate (css) example running on jsfiddle, but not in netbeans?

 
Post new topic   Reply to topic    NetBeans Forums -> Java EE Users
View previous topic :: View next topic  
Author Message
new_coder_2016



Joined: 21 Jan 2017
Posts: 1

PostPosted: Sat Jan 21, 2017 1:33 pm    Post subject: textillate (css) example running on jsfiddle, but not in netbeans? Reply with quote

hi,

i need a second pair of eyes to see whats different between this example:
http://jsfiddle.net/LUq39/13/

and my code:
Code:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>hasCode.com - Java EE 7 Websocket Tutorial</title>


<script src="resource/js/jquery-1.10.2.min.js"></script>
<link href="http://textillate.js.org/assets/animate.css" rel="stylesheet">
<script type="text/javascript" src="http://textillate.js.org/assets/jquery.lettering.js"></script>
<script type="text/javascript" src="http://textillate.js.org/jquery.textillate.js"></script>


<style type="text/css">

.textilate {
  visibility:hidden;
}
</style>

<script>
   
   
         var nodes = $('.textilate');
    var delay = 0;
    nodes.each(function(){
      delay += $(this).prev()? $(this).prev().text().length*50:0;
      $(this).textillate(
          {initialDelay: delay, in:{delay:50}, out:{delay:50}}
      );
});

</script>
</head>

<body>
<h2 class="textilate">testlooooooooooonggggg</h2>
<h2 class="textilate">tstshorter </h2>
<h2 class="textilate">testlongershorter </h2>
<h2 class="textilate">testlooooooooooooooooooooooooong</h2>
<h2 class="textilate">test </h2>
   
</body>



loading this page with firefox and switching to the web console shows that there are no loading errors....but i only see a blank page?
Back to top
Display posts from previous:   
Post new topic   Reply to topic    NetBeans Forums -> Java EE Users All times are GMT
Page 1 of 1

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
You cannot attach files in this forum
You can download files in this forum


Powered by phpBB
By use of this website, you agree to the NetBeans Policies and Terms of Use. © 2012, Oracle Corporation and/or its affiliates. Sponsored by Oracle logo