Loading...

Search jQuery

Search

jQuery Forum

Screen name:
rhalskov

rhalskov's Profile

2 Posts

3 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

Updating dynamic content
[1Reply]
- 21-Mar-2012 08:55 AM
- Forum: Using jQuery
Hi
I need to update some dynamic content rendered from Umbraco contour.
I am trying to take the form rendered from Umbraco, and display it in to 2 columns
Here is a simple layout how it should look.
2. <div class="container">
3. <div class="sixteen columns">
4. <div id="form">
5. <div class="seven columns">
6. <div>div 1</div>
7. <div>div 2</div>
8. <div>div 3</div>
9. <div>div 4</div>
10. <div>div 5</div>
11. <div id="div6">div 6</div>
12. </div>
13. <div class="seven columns">
14. <div id="div7">div 7</div>
15. <div>div 8</div>
16. <div>div 9</div>
17. <div>div 10</div>
18. <div>div 11</div>
19. <div>div 11</div>
20. </div>
21. </div>
22. </div>
23. </div>
I need to add the "sixteen columns" and "seven columns" after the form is rendered.
The class "sixteen columns" i have got working with a "wrap"
When i try to insert "seven columns " i cant get to work.
Here is what i have been trying
2. <script type="text/javascript">
3. $('.# div6 ').after('</div><div class="seven columns">');
4. $('.form').wrap('<div class="sixteen columns">');
5. </script>
When i try to put it in after the "div6" as the above example, the result is this:
1. <div class="seven columns"> </div>
it should be like this:
1. </div><div class="seven columns">
Any suggestion..
tanks in advance

Kind regards René

hide "div", only the first time
[4Replies]
- 09-Mar-2012 08:15 AM
- Forum: Getting Started
Hi everyone

I need a little help.
I have a site where the first time a visitor comes to the site, i have to hide a <Div> tag.
After 5 sec the <Div> tag should fade in. It should only do this the first time.

Here is the code i have been trying to get work
I am trying to use .data to set a value, after the jQuery had shown the box the first time.
If the value is set it should not hide the "<Div>"
Any hint witch could point me in the right direction would help. tanks in advance...
1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  <html xmlns="http://www.w3.org/1999/xhtml">
  
  <head>
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
  <title>Untitled 1</title>
  <style type="text/css">
  .div {
  background-color: #6699FF;
  border-style: dotted;
  height: 251px;
  width:600px;
  }
  </style>
  <script type="text/javascript" src="jquery-1.4.4.min.js"></script>
  <script type="text/javascript">
  $("#setTest").text(jQuery.data(#setTest, "true"));
  case:1
  $(document).ready(function(){
  $(".div").hide()
  $(".div").delay(2000).fadeIn(6000);
  case:2
  jQuery.data(#setTest { "true" });
  });
  </script>
  </head>
  <body>
  <div class="div"></div>
  <div id="setTest"></div>
  </body>
  </html>

«Prev
Next »