Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Замена контента (https://javascript.ru/forum/jquery/31748-zamena-kontenta.html)

assd18 19.09.2012 16:12

Замена контента
 
Здравствуйте. Помогите подкоректировать код. Заранее спасибо)
$('#regForm').replaceWith("<div id='userForm'>
                    	<div id='userInfoBox'>
                        	<span id='userName'>Username</span>
                        </div>
                        <div id='userLogoBox'>
                        	<img width='80' height='80' src='img/userLogo.png' />  
                        </div>                        
                    </div>");

assd18 19.09.2012 16:55

Может нужно использовать другую функцию или подход?

walik 20.09.2012 01:33

HTML заменяемый в Javascript'e должен быть в одну строку.
<!DOCTYPE HTML>
<html>
  <head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
  </head>
  <body>
    <div id="regForm"></div>
    <script>
	$('#regForm').replaceWith("<div id='userForm'><div id='userInfoBox'><span id='userName'>Username</span></div><div id='userLogoBox'><img width='80' height='80' src='img/userLogo.png' /></div></div>");
    </script>
  </body>
</html>

assd18 20.09.2012 10:51

А по другому никак?

walik 20.09.2012 11:43

Вы имеете в виду не в одну строку все ?
Так можно:
$('#regForm').replaceWith("<div id='userForm'>"
   +"<div id='userInfoBox'>"
      +"<span id='userName'>Username</span>"
   +"</div>"
   +"<div id='userLogoBox'>"
      +"<img width='80' height='80' src='img/userLogo.png' />"
   +"</div>"
+"</div>");

assd18 20.09.2012 11:52

ок, спасибо)


Часовой пояс GMT +3, время: 02:57.