Я пытаюсь стилизовать некоторые html через цикл javascript, который выводит html через document.write (); функция. Кажется, что мои CSS-стили проходят правильно, однако мои классы sifr по какой-то причине не вызывают мой flash-файл. Я думал, что это может иметь какое-то отношение к функции javascript document.write, которую я использую.
Мне бы хотелось узнать, возможно ли использовать SIFR таким образом. Если нет, есть ли у кого-нибудь альтернатива тому, что я делаю?
Вот мой код: (в основном, я загружаю данные из файла XML и выводю их в виде HTML с document.write - я выделил фрагмент кода, к которому я обращаюсь. Я дизайнер, который пытается написать javascript, так что имейте это в виду, прежде чем разорвать мою функцию. =)
document.write("<h1 class="h1_sifr_green">Tours in the <br />");
document.write(search_term.toUpperCase());
document.write(" area:</h1><br /><br />");
Опять же, мой тег h1 проходит нормально, как и все мои другие классы CSS, КРОМЕ моего класса sifr. Заранее спасибо, любая помощь здесь приветствуется.
Вот мой код целиком:
<html>
<head>
<link href="../css/colors.css" rel="stylesheet" type="text/css" />
<link href="../css/layout.css" rel="stylesheet" type="text/css" />
<link href="../css/textstyles.css" rel="stylesheet" type="text/css" />
<link href="../css/sifr.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/sifr.js"></script>
<script type="text/javascript" src="js/sifr-config.js"></script>
<script type="text/javascript">
function parseXML()
{
var search_term=window.location.search.substring(1); //sets the search_term variable to the URL string query
var tour_name;
var tour_link;
var tour_logo;
try //Internet Explorer
{
xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
}
catch(e)
{
try //Firefox, Mozilla, Opera, etc.
{
xmlDoc=document.implementation.createDocument("","",null);
}
catch(e)
{
alert(e.message);
return;
}
}
xmlDoc.async=false;
xmlDoc.load(search_term + ".xml");
x=xmlDoc.documentElement.childNodes;
document.write("<h1 class=\"h1_sifr_green\">Tours in the <br />");
document.write(search_term.toUpperCase());
document.write(" area:</h1><br /><br />");
for (i=0;i<x.length;i++)
{
tour_name=xmlDoc.getElementsByTagName("name")[i].firstChild.nodeValue;
tour_link=xmlDoc.getElementsByTagName("tourlink")[i].firstChild.nodeValue;
document.write("<a href=\"" + tour_link + "\" class=\"b3 textlink\">" + tour_name + "</a>");
document.write("<br />");
}
}
</script>
</head>
<body>
<div id="wrap" style="background-image:url(../images/index_06.jpg); width:550px">
<div style="padding:30px">
<script type="text/javascript" language="JavaScript">
parseXML();
</script>
</div>
</div>
</body>
</html>