Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: Общие вопросы > как в java юазть html код?


Автор: Basonsan 21.10.2009, 23:33
вот рабочий код отображения картинки 

Код

<html>
<body>
<script language="JavaScript">
 
<!--
 
//-->
</script>
<IMG src="test.jpg" >
</body>
</html>


а теперь мне надо что бы он был в javascripte

Код

<html>
<body>
<script language="JavaScript">
 
<!--
<IMG src="test.jpg" >
//-->
</script>
 
</body>
</html>




но он почему то не хочет работать, наверно <IMG src="test.jpg" > как то надо обозначить, что это html код идет.... Короч помогите как пихнуть в java скрипт html код.
Только не надо мне предлагать другие варианты решения проблемы мне надо имено таким образом ее решить если это возможно

Автор: skyboy 21.10.2009, 23:44
Цитата(Basonsan @  21.10.2009,  22:33 Найти цитируемый пост)
Короч помогите как пихнуть в java скрипт html код.

вставить картинку в страницу при помощи javascript? 
Код

var img= document.createElement('img');
img.src= "Путь-к-картинке";
document.getElementsByTagName('body')[0].appendChild(img);

или просто хранить текст в переменной javascript
Код

var txt = '<IMG src="test.jpg" >';
?

Автор: Basonsan 21.10.2009, 23:47
нет. Суть не в картинке а в реализации html кода в jave что бы script понимал что это тоже код, а не игнорировал его.

Добавлено через 4 минуты и 53 секунды
Цитата(skyboy @ 21.10.2009,  23:44)

[/code]
или просто хранить текст в переменной javascript
Код

var txt = '<IMG src="test.jpg" >';
?

а потом эту переменую я могу использовать в html коде ну типо напишу как то 

переменая txt и что бы он ее воспринял как код <IMG src="test.jpg" >?

Автор: Michael.de 21.10.2009, 23:58
Basonsan, код JavaScript статический или генерируется на сервере?

Автор: Basonsan 22.10.2009, 01:13
эм не совсем понял вопроса... Сайт пытаюсь сделать на укозе а это имеет какое то отношение? о_О

Автор: mxt 22.10.2009, 01:45
вообще java != javascript


для простоты можешь использовать document.write

Добавлено через 54 секунды
Код

<html>
<body>
<script type="text/javascript">
 
document.write("<IMG src=\"test.jpg\">");

</script>
 
</body>
</html>

Автор: Basonsan 22.10.2009, 09:03
еще вопросик тогда.
У меня часто на странице используется вот этот код 
Код

</SPAN></SPAN></SPAN></SPAN></SPAN></SPAN></SPAN><BR></TD><TD style='background-attachment: scroll; background-color: transparent; letter-spacing: 0px; word-spacing: 0px; background-position: 100% 0%; border-top-color: #000000; border-left-color: #000000; border-right-color: #000000; border-bottom-color: #000000; border-top-width: medium; border-left-width: medium; border-right-width: medium; border-bottom-width: medium; border-top-style: none; border-left-style: none; border-right-style: none; border-bottom-style: none; background-repeat: no-repeat; background-image: url("http://aniland.3dn.ru/post_oformlenie/prav_ugol.jpg"); width: 15px; height: 42px' rowspan="1"><IMG src="/post_oformlenie/prav_ugol.jpg"></TD></TR><TR><TD style="letter-spacing: 0px; word-spacing: 0px; background-attachment: scroll; background-position: 0% 0%; background-color: transparent; border-top-color: #000000; border-left-color: #000000; border-right-color: #000000; border-bottom-color: #000000; border-top-width: medium; border-left-width: medium; border-right-width: medium; border-bottom-width: medium; border-top-style: none; border-left-style: none; border-right-style: none; border-bottom-style: none; height: 10px; background-repeat: repeat; background-image: none" colspan="2"></TD><TD style="background-attachment: scroll; background-color: transparent; letter-spacing: 0px; word-spacing: 0px; border-top-color: #000000; border-left-color: #000000; border-right-color: #000000; border-bottom-color: #000000; border-top-width: medium; border-left-width: medium; border-right-width: medium; border-bottom-width: medium; border-top-style: none; border-left-style: none; border-right-style: none; border-bottom-style: none; background-position: 0% 0%; height: 10px; background-repeat: repeat; background-image: none" colspan="1"></TD><TD style="background-attachment: scroll; background-color: transparent; letter-spacing: 0px; word-spacing: 0px; border-top-color: #000000; border-left-color: #000000; border-right-color: #000000; border-bottom-color: #000000; border-top-width: medium; border-left-width: medium; border-right-width: medium; border-bottom-width: medium; border-top-style: none; border-left-style: none; border-right-style: none; border-bottom-style: none; height: 10px; background-repeat: repeat; background-position: 0% 0%; background-image: none" colspan="1"></TD></TR><TR><TD style="letter-spacing: 0px; word-spacing: 0px; border-top-color: #000000; border-left-color: #000000; border-right-color: #000000; border-bottom-color: #000000; border-top-width: medium; border-left-width: medium; border-right-width: medium; border-bottom-width: medium; border-top-style: none; border-left-style: none; border-right-style: none; border-bottom-style: none" rowspan="2" colspan="2" align="left">




можно его забить как функцию и что бы к ней обращаца, а не каждый раз писать этот код?

Автор: bars80080 22.10.2009, 10:15
можно посоветовать только купить/скачать учебник по javascript и месяц читать не прикасаясь к компьтеру

потому что, объяснить что можно, что нельзя, и каким образом делать - потребуется всё равно залить мануала на пару сот килобайт. кто это будет писать?

Автор: Basonsan 22.10.2009, 10:57
ну учебники то я уже перечитал. Собствена после этого и полез сюда. Ну как я пологаю html в jave юзать нельзя? тогда можно закрывать темку

Автор: bars80080 22.10.2009, 11:11
Цитата(Basonsan @  22.10.2009,  10:57 Найти цитируемый пост)
Ну как я пологаю html в jave юзать нельзя?

хренова читали, раз такие вопросы задаёте. 
вся суть javascript - динамическая работа с html без перезагрузки страницы. там и добрая сотня методов на это нацелена


и да, вы научитесь различать где java, а где javascript?

Автор: Dima85 22.10.2009, 11:38
Цитата(Basonsan @ 22.10.2009,  09:03)
еще вопросик тогда.
У меня часто на странице используется вот этот код 
Код

</SPAN></SPAN></SPAN></SPAN></SPAN></SPAN></SPAN><BR></TD><TD style='background-attachment: scroll; background-color: transparent; letter-spacing: 0px; word-spacing: 0px; background-position: 100% 0%; border-top-color: #000000; border-left-color: #000000; border-right-color: #000000; border-bottom-color: #000000; border-top-width: medium; border-left-width: medium; border-right-width: medium; border-bottom-width: medium; border-top-style: none; border-left-style: none; border-right-style: none; border-bottom-style: none; background-repeat: no-repeat; background-image: url("http://aniland.3dn.ru/post_oformlenie/prav_ugol.jpg"); width: 15px; height: 42px' rowspan="1"><IMG src="/post_oformlenie/prav_ugol.jpg"></TD></TR><TR><TD style="letter-spacing: 0px; word-spacing: 0px; background-attachment: scroll; background-position: 0% 0%; background-color: transparent; border-top-color: #000000; border-left-color: #000000; border-right-color: #000000; border-bottom-color: #000000; border-top-width: medium; border-left-width: medium; border-right-width: medium; border-bottom-width: medium; border-top-style: none; border-left-style: none; border-right-style: none; border-bottom-style: none; height: 10px; background-repeat: repeat; background-image: none" colspan="2"></TD><TD style="background-attachment: scroll; background-color: transparent; letter-spacing: 0px; word-spacing: 0px; border-top-color: #000000; border-left-color: #000000; border-right-color: #000000; border-bottom-color: #000000; border-top-width: medium; border-left-width: medium; border-right-width: medium; border-bottom-width: medium; border-top-style: none; border-left-style: none; border-right-style: none; border-bottom-style: none; background-position: 0% 0%; height: 10px; background-repeat: repeat; background-image: none" colspan="1"></TD><TD style="background-attachment: scroll; background-color: transparent; letter-spacing: 0px; word-spacing: 0px; border-top-color: #000000; border-left-color: #000000; border-right-color: #000000; border-bottom-color: #000000; border-top-width: medium; border-left-width: medium; border-right-width: medium; border-bottom-width: medium; border-top-style: none; border-left-style: none; border-right-style: none; border-bottom-style: none; height: 10px; background-repeat: repeat; background-position: 0% 0%; background-image: none" colspan="1"></TD></TR><TR><TD style="letter-spacing: 0px; word-spacing: 0px; border-top-color: #000000; border-left-color: #000000; border-right-color: #000000; border-bottom-color: #000000; border-top-width: medium; border-left-width: medium; border-right-width: medium; border-bottom-width: medium; border-top-style: none; border-left-style: none; border-right-style: none; border-bottom-style: none" rowspan="2" colspan="2" align="left">




можно его забить как функцию и что бы к ней обращаца, а не каждый раз писать этот код?

Есть 2 способа, первый через css, второй через javascript.
Тебе нужно выложить более большой кусок кода. Что б можно было прицепиться к id или тэгу. Но я вижу ты и в html не очень хорошо разбираешься. 
Тебе помогут только тогда когда ты выложишь сюда конкретный html код которую нужно спрятать. А не те обрывки кода которые ты выложил ранее.

И java и javascript это совсем разные вещи как тебе уже говорил mxt, никогда не путай их. smile

Автор: Basonsan 22.10.2009, 12:08
ну вот выкладываю весь код


Код

*****************************************************************************************************************
<TABLE cellspacing=" 0" ;="" style="width: 100%;=" "="" border-top-width:="" medium;="" border-left-width:="" medium;="" border-right-width:="" medium;="" border-bottom-width:="" medium;="" border-top-style:="" none;="" border-left-style:="" none;="" border-right-style:="" none;="" border-bottom-style:="" none;="" border-top-color:="" #000000;="" border-left-color:="" #000000;="" border-right-color:="" #000000;="" border-bottom-color:="" #000000"="" width="" align="" cellpadding="0"><TBODY><TR><TD style='letter-spacing: 0px; word-spacing: 0px; background-attachment: scroll; background-position: 0% 0%; background-color: transparent; border-top-color: #000000; border-left-color: #000000; border-right-color: #000000; border-bottom-color: #000000; border-top-width: medium; border-left-width: medium; border-right-width: medium; border-bottom-width: medium; border-top-style: none; border-left-style: none; border-right-style: none; border-bottom-style: none; background-repeat: no-repeat; background-image: 
url("http://aniland.3dn.ru/post_oformlenie/lev_ugol.jpg"); 
height: 42px; width: 200px' rowspan="1" colspan="2"><SPAN style='font-family: "Arial Black"'><SPAN style='font-family: "Courier New"'>
</SPAN></SPAN><SPAN style='font-family: "Arial Black"'><SPAN style='font-family: "Courier New"'><SPAN style="font-size: 14pt"><SPAN style="color: #a9a9a9">
<i>
*****************************************************************************************************************

#0002

*****************************************************************************************************************
</i>
</SPAN></SPAN></SPAN></SPAN><SPAN style='font-family: "Arial Black"'><SPAN style='font-family: "Courier New"'>
</SPAN></SPAN></TD><TD style='background-attachment: scroll; background-color: transparent; background-image: url("http://aniland.3dn.ru/post_oformlenie/backgroung_01.jpg"); letter-spacing: 0px; word-spacing: 0px; border-top-color: #000000; border-left-color: #000000; border-right-color: #000000; border-bottom-color: #000000; border-top-width: medium; border-left-width: medium; border-right-width: medium; border-bottom-width: medium; border-top-style: none; border-left-style: none; border-right-style: none; border-bottom-style: none; height: 42px; background-repeat: repeat-x; background-position: 0% 0%; width: 90%'><SPAN style="font-family: Georgia"><SPAN style="font-size: 8pt"><SPAN style="font-size: 10pt"><SPAN style="color: #dcdcdc"><SPAN style="font-family: Verdana"><SPAN style="font-size: 14pt"><SPAN style="font-family: Symbol">
*****************************************************************************************************************

Название поста

*****************************************************************************************************************
</SPAN></SPAN></SPAN></SPAN></SPAN></SPAN></SPAN><BR></TD><TD style='background-attachment: scroll; background-color: transparent; letter-spacing: 0px; word-spacing: 0px; background-position: 100% 0%; border-top-color: #000000; border-left-color: #000000; border-right-color: #000000; border-bottom-color: #000000; border-top-width: medium; border-left-width: medium; border-right-width: medium; border-bottom-width: medium; border-top-style: none; border-left-style: none; border-right-style: none; border-bottom-style: none; background-repeat: no-repeat; background-image: url("http://aniland.3dn.ru/post_oformlenie/prav_ugol.jpg"); width: 15px; height: 42px' rowspan="1"><IMG src="/post_oformlenie/prav_ugol.jpg"></TD></TR><TR><TD style="letter-spacing: 0px; word-spacing: 0px; background-attachment: scroll; background-position: 0% 0%; background-color: transparent; border-top-color: #000000; border-left-color: #000000; border-right-color: #000000; border-bottom-color: #000000; border-top-width: medium; border-left-width: medium; border-right-width: medium; border-bottom-width: medium; border-top-style: none; border-left-style: none; border-right-style: none; border-bottom-style: none; height: 10px; background-repeat: repeat; background-image: none" colspan="2"></TD><TD style="background-attachment: scroll; background-color: transparent; letter-spacing: 0px; word-spacing: 0px; border-top-color: #000000; border-left-color: #000000; border-right-color: #000000; border-bottom-color: #000000; border-top-width: medium; border-left-width: medium; border-right-width: medium; border-bottom-width: medium; border-top-style: none; border-left-style: none; border-right-style: none; border-bottom-style: none; background-position: 0% 0%; height: 10px; background-repeat: repeat; background-image: none" colspan="1"></TD><TD style="background-attachment: scroll; background-color: transparent; letter-spacing: 0px; word-spacing: 0px; border-top-color: #000000; border-left-color: #000000; border-right-color: #000000; border-bottom-color: #000000; border-top-width: medium; border-left-width: medium; border-right-width: medium; border-bottom-width: medium; border-top-style: none; border-left-style: none; border-right-style: none; border-bottom-style: none; height: 10px; background-repeat: repeat; background-position: 0% 0%; background-image: none" colspan="1"></TD></TR><TR><TD style="letter-spacing: 0px; word-spacing: 0px; border-top-color: #000000; border-left-color: #000000; border-right-color: #000000; border-bottom-color: #000000; border-top-width: medium; border-left-width: medium; border-right-width: medium; border-bottom-width: medium; border-top-style: none; border-left-style: none; border-right-style: none; border-bottom-style: none" rowspan="2" colspan="2" align="left">
*****************************************************************************************************************

<IMG src="test.jpg" style="margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px" alt="null" align="" width="null" height="null" border="0">

*****************************************************************************************************************
</TD><TD style="border-top-color: #000000; border-left-color: #000000; border-right-color: #000000; border-bottom-color: #000000; border-top-width: medium; border-left-width: medium; border-right-width: medium; border-bottom-width: medium; border-top-style: none; border-left-style: none; border-right-style: none; border-bottom-style: none" colspan="2"><P></P><P><SPAN style='font-family: "Trebuchet MS"'><SPAN style="font-size: 12pt"><SPAN style="font-size: 14pt">
*****************************************************************************************************************

Описание о_О

*****************************************************************************************************************
</SPAN></SPAN></SPAN></P></TD></TR><TR><TD style="border-top-color: #000000; border-left-color: #000000; border-right-color: #000000; border-bottom-color: #000000; border-top-width: medium; border-left-width: medium; border-right-width: medium; border-bottom-width: medium; border-top-style: none; border-left-style: none; border-right-style: none; border-bottom-style: none"></TD></TR><TR><TD style="border-top-color: #000000; border-left-color: #000000; border-right-color: #000000; border-bottom-color: #000000; border-top-width: medium; border-left-width: medium; border-right-width: medium; border-bottom-width: medium; border-top-style: none; border-left-style: none; border-right-style: none; border-bottom-style: none; word-spacing: 0px; background-attachment: scroll; background-repeat: repeat; background-position: 0% 0%; background-image: none; font-style: normal; font-weight: 400; text-decoration: none; color: #000000; background-color: #000000; letter-spacing: 0px; vertical-align: middle; text-align: center" rowspan="1" colspan="2"><SPAN style="font-family: Verdana"><SPAN style="color: #ffffff"><SPAN style="font-size: 14pt"><FONT face="Times New Roman"><FONT color="#a9a9a9">
*****************************************************************************************************************

Размер: 2.2 Mb

*****************************************************************************************************************
</FONT></FONT></SPAN></SPAN></SPAN></TD><TD style="border-top-color: #000000; border-left-color: #000000; border-right-color: #000000; border-bottom-color: #000000; border-top-width: medium; border-left-width: medium; border-right-width: medium; border-bottom-width: medium; border-top-style: none; border-left-style: none; border-right-style: none; border-bottom-style: none; background-attachment: scroll; background-repeat: repeat; background-position: 0% 0%; background-image: none; font-style: normal; font-weight: 400; text-decoration: none; color: #000000; word-spacing: 0px; background-color: #000000; letter-spacing: 0px" rowspan="1"> 
*****************************************************************************************************************



<DIV style="text-align: center;">
<DIV>
<A href="javascript: void(0);" onclick="if (hidtext1004.style.display == '') { this.innerText = ''; hidtext1004.style.display = 'none'; } else { this.innerText = ''; hidtext1004.style.display = ''; }"><IMG border="0" align="absmiddle" src="/post_oformlenie/Link.jpg" ;height:35px;width:115px;=""></A></DIV>
<DIV id="hidtext1004" style="display: none;">
<DIV style="text-align: center;">


<LINK rel="stylesheet" href="css/button.css">
<A href="http://aniland.3dn.ru" target="_blank"><INPUT type="button" value="" class="dep"></A>&nbsp&nbsp
<A href="http://uploading.com/files/9cda98d3/dickgirl.rar/" target="_blank"><INPUT type="button" value="" class="upl"></A>&nbsp&nbsp
<A href="http://hotfile.com/dl/13480811/0c173d5/dickgirl.rar.html" target="_blank"><INPUT type="button" value="" class="hot"></A>&nbsp&nbsp
<A href="http://letitbit.net/download/5869.54707b57c548448ab3d4a0316/dickgirl.rar.html" target="_blank"><INPUT type="button" value="" class="let"></A>


</DIV></DIV>
</TD></TR></TBODY></TABLE>



В сущности код поста где меняется только номер поста, название, описание, картинка к описанию и сылки.

А вот построение таблицы и панельки мне надо как то загнать в что то вроде функции.

я отделил 

**********************************************
это загнать в функцию или что то в этом роде
*************************************************

Я просто хотел забить в функции построение панельки и таблицы (в javascript), а потом использовать эту функцию. Но понял что яваскрипт не переваривает html код.


Автор: Itsys 22.10.2009, 22:23
Цитата(Basonsan @  22.10.2009,  12:08 Найти цитируемый пост)
Но понял что яваскрипт не переваривает html код

Ничего ты не понял....

Автор: Basonsan 23.10.2009, 11:01
Цитата(Itsys @ 22.10.2009,  22:23)
Цитата(Basonsan @  22.10.2009,  12:08 Найти цитируемый пост)
Но понял что яваскрипт не переваривает html код

Ничего ты не понял....

поясни че я не понял? мб ты не понял что я хочю сделать?

Автор: Basonsan 23.10.2009, 12:08
все разобрался наконец то надо было просто написать так 
Код

<html>
<body>
<script language="JavaScript">

<!--

document.write('<IMG src="test.jpg">');
//-->
</script>


</body>
</html>


Автор: Michael.de 23.10.2009, 22:58
Цитата(Basonsan @  23.10.2009,  12:08 Найти цитируемый пост)
...надо было просто написать так...
Т.е. задача решена, да? Тогда посмотри свой получившийся HTML код ^^

Автор: mxt 23.10.2009, 23:13
Цитата(Basonsan @  23.10.2009,  12:08 Найти цитируемый пост)
все разобрался наконец то надо было просто написать так 

я в самом начале давал такой пример. походу ты и в книге прочитал всего пару строчек, как в моем посте

Автор: Basonsan 24.10.2009, 21:25
Код

<html>
<body>
<script type="text/javascript">
 
document.write("<IMG src=\"test.jpg\">");

</script>
 
</body>
</html>

вот этот код ты дал мне, а теперь присмотрись получше что ты написал... у тебя получается в врайте 4 раза кавычки ("). Имено поэтому он и не работал. А надо то было всего навсего заключить в апострафы а если есть апострафы то в кавычки и т.д. Вот это малюсенькое уточнение мне как вода нужна была

Автор: bars80080 25.10.2009, 01:21
Цитата(Basonsan @  24.10.2009,  21:25 Найти цитируемый пост)
вот этот код ты дал мне, а теперь присмотрись получше что ты написал... у тебя получается в врайте 4 раза кавычки ("). Имено поэтому он и не работал. 

чушь. поэтому он не работать не может

Автор: mxt 25.10.2009, 02:05
Цитата(Basonsan @  24.10.2009,  21:25 Найти цитируемый пост)
вот этот код ты дал мне, а теперь присмотрись получше что ты написал... у тебя получается в врайте 4 раза кавычки ("). Имено поэтому он и не работал.

эм,  а ты не заметил что я экранировал внутренние кавычки? \"  является текстовой ковычкой

Автор: Basonsan 25.10.2009, 02:20
извиняюсь.... не заметил... точнее не знал. Буду знать спасибо бальшое

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)