2015-03-14 3 views
1

Я хочу передать переменную из HTML в Java. Для этого я написал следующий код:Как передать переменную из HTML в Java?

<!doctype html> 
<html> 


    <title>How to create a typewriter or typing effect with jQuery</title> 
    <div id="example1">fsdfsdfojsdlk sdfj lskdhfk sdf </div> 
    <style> 
     body{ 

    background: transparent; 

    color: #ec5a62; 

     } 

     #container{ 
      font-size: 7em; 
     } 

    </style> 

</head> 
<body> 

    <div id="container"></div> 

    <!-- 
     We use Google's CDN to serve the jQuery js libs. 
     To speed up the page load we put these scripts at the bottom of the page 
    --> 
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
    <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script> 

    <script> 

     //define text 
var text = ("document.getElementById("example1")"); 

     //text is split up to letters 
     $.each(text.split(''), function(i, letter){ 

      //we add 100*i ms delay to each letter 
      setTimeout(function(){ 

       //we add the letter to the container 
       $('#container').html($('#container').html() + letter); 

      }, 30*i); 
     }); 

    </script> 

</body> 
</html> 

Но он не работает. Как я могу это достичь?

Пожалуйста, помогите мне.

Я использую var text = ("document.getElementById (" example1 ")");

Но его не работает.

+1

Учимся работать с JSP/JSF и сервлеты пригодится здесь. – Stultuske

+1

Не совсем понятно, что вы спрашиваете: если ваш код, html-документ, отображается внутри веб-браузера, тогда код выполняется на стороне клиента. Нет никакого соединения с каким-либо java-кодом, который может быть расположен только на стороне сервера, а ваш код не пытается отправить что-либо ... – arkascha

+0

Чтобы передать переменную с HTML-страницы на сервлет Java, вам необходимо отправить ajax-запрос. Возможно, вы хотите передать переменную в Javascript-код? Javascript не равно Java! –

ответ

1

для получения значения var x = document.getElementById ("example1"). Value;

ваш код должен быть таким:

var text=document.getElementById("example1").value; 
//text is split up to letters 
    $.each(text.split(''), function(i, letter){ 

     //we add 100*i ms delay to each letter 
     setTimeout(function(){ 

      //we add the letter to the container 
      $('#container').html($('#container').html() + letter); 

     }, 30*i); 
    }); 
+0

не работает, я тоже это делаю –

+0

попробуйте сейчас ... i edit my ans –

+0

stil not wokring –