Информационная лента
Чат


Загрузка данных...

Необходимо авторизоваться!

Свежие обсуждения


Загрузка данных...

Топ активов

  • 1 · Посты: 4944 · Репутация: 187
  • 2 · Посты: 3194 · Репутация: 333
  • 3 · Посты: 2321 · Репутация: 1319
  • 4 · Посты: 1613 · Репутация: 373
  • 5 · Посты: 1038 · Репутация: 42

Форум
Страница 1 из 11
Форум » WEB » uCoz » HTML страница в AJAX окне
HTML страница в AJAX окне
Оффлайн
Musatinu · Написал: 12 сообщений · Репутация: 0 · Группа: «Пользователь»
Приветствую вас.
Вот хочу поставить две HTML страницы в AJAX окне.
Проблема в том что они не работают.
Вот первое страничка:
Color Palette

Код

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<link rel="STYLESHEET" type="text/css" href="http://www.colorschemer.com/default.css">
<script language="JavaScript" type="text/javascript" src="http://www.colorschemer.com/funcs.js"></script>

<body onLoad="ChangeColors(51,102,255);">

<div ID="ColorInput">
  <div class="sideHead">Current Color</div>
   <div class="currentBorder">
    <div ID="currentColor"> </div>
   </div>
   <form name="codes" id="codes">
    <div class="currentBorder">
     <div class="navBox">
      <table align="center" cellspacing="0" cellpadding="0" border="0">
       <tr>
        <td>R:</td><td><input type="text" name="r" value="0" maxlength="3" class="rgbBox"></td>
       </tr>
       <tr>
        <td>G:</td><td><input type="text" name="g" value="0" maxlength="3" class="rgbBox"></td>
       </tr>
       <tr>
        <td>B:</td><td><input type="text" name="b" value="0" maxlength="3" class="rgbBox"></td>
       </tr>
       <tr>
        <td colspan="2"><input type="button" class="button" value="Set RGB" onClick="ChangeColors(document.getElementById('codes').r.value,document.getElementById('codes').g.value,document.getElementById('codes').b.v alue);"></td>
      </tr>
      <tr>
       <td colspan="2">#<input type="text" class="hexBox" name="hex" value="000000" maxlength="6"></td>
      </tr>
      <tr>
       <td colspan="2"><input type="button" class="button" value="Set HEX" onClick="SetHex(document.getElementById('codes').hex.value);"></td>
      </tr>
     </table>
     <input type="button" class="button" value="Lighten Scheme" onClick="LightenScheme();" style="margin-bottom: 0px;">
     <input type="button" class="button" value="Darken Scheme" onClick="DarkenScheme();">
    </div>
   </div>
  </form>
</div>

<div ID="Wheel" align="center">

  <div ID="swatch0" class="swatch">
   <div class="border">
    <div ID="0" class="color" onClick="SetHex(this.style.backgroundColor);"> </div>
   </div>  
   <div ID="0RGB" class="rgb">255.255.255</div>
   <div ID="0HEX" class="hex">#FFFFFF</div>
  </div>
   
  <div ID="swatch1" class="swatch">
   <div class="border">
    <div ID="1" class="color" onClick="SetHex(this.style.backgroundColor);"> </div></div>
   <div ID="1RGB" class="rgb">255.255.255</div>
   <div ID="1HEX" class="hex">#FFFFFF</div>
  </div>
   
  <div ID="swatch2" class="swatch">
   <div class="border">
    <div ID="2" class="color" onClick="SetHex(this.style.backgroundColor);"> </div></div>
   <div ID="2RGB" class="rgb">255.255.255</div>
   <div ID="2HEX" class="hex">#FFFFFF</div>
  </div>
    
   <div ID="swatch3" class="swatch">
     <div class="border"><div ID="3" class="color" onClick="SetHex(this.style.backgroundColor);"> </div></div>
     <div ID="3RGB" class="rgb">255.255.255</div>
     <div ID="3HEX" class="hex">#FFFFFF</div>
   </div>
   <div ID="swatch4" class="swatch">
     <div class="border"><div ID="4" class="color" onClick="SetHex(this.style.backgroundColor);"> </div></div>

     <div ID="4RGB" class="rgb">255.255.255</div>
     <div ID="4HEX" class="hex">#FFFFFF</div>
   </div>
   <div ID="swatch5" class="swatch">
     <div class="border"><div ID="5" class="color" onClick="SetHex(this.style.backgroundColor);"> </div></div>
     <div ID="5RGB" class="rgb">255.255.255</div>
     <div ID="5HEX" class="hex">#FFFFFF</div>

   </div>
   <div ID="swatch6" class="swatch">
     <div class="border"><div ID="6" class="color" onClick="SetHex(this.style.backgroundColor);"> </div></div>
     <div ID="6RGB" class="rgb">255.255.255</div>
     <div ID="6HEX" class="hex">#FFFFFF</div>
   </div>
   <div ID="swatch7" class="swatch">
     <div class="border"><div ID="7" class="color" onClick="SetHex(this.style.backgroundColor);"> </div></div>

     <div ID="7RGB" class="rgb">255.255.255</div>
     <div ID="7HEX" class="hex">#FFFFFF</div>
   </div>
   <div ID="swatch8" class="swatch">
     <div class="border"><div ID="8" class="color" onClick="SetHex(this.style.backgroundColor);"> </div></div>
     <div ID="8RGB" class="rgb">255.255.255</div>
     <div ID="8HEX" class="hex">#FFFFFF</div>

   </div>
   <div ID="swatch9" class="swatch">
     <div class="border"><div ID="9" class="color" onClick="SetHex(this.style.backgroundColor);"> </div></div>
     <div ID="9RGB" class="rgb">255.255.255</div>
     <div ID="9HEX" class="hex">#FFFFFF</div>
   </div>
   <div ID="swatch10" class="swatch">
     <div class="border"><div ID="10" class="color" onClick="SetHex(this.style.backgroundColor);"> </div></div>

     <div ID="10RGB" class="rgb">255.255.255</div>
     <div ID="10HEX" class="hex">#FFFFFF</div>
   </div>
   <div ID="swatch11" class="swatch">
     <div class="border"><div ID="11" class="color" onClick="SetHex(this.style.backgroundColor);"> </div></div>
     <div ID="11RGB" class="rgb">255.255.255</div>
     <div ID="11HEX" class="hex">#FFFFFF</div>

   </div>

   <div ID="swatchm1" class="swatch">
     <div class="border"><div ID="m1" class="color" onClick="SetHex(this.style.backgroundColor);"> </div></div>
     <div ID="m1RGB" class="rgb">255.255.255</div>
     <div ID="m1HEX" class="hex">#FFFFFF</div>
   </div>
   <div ID="swatchm2" class="swatch">

     <div class="border"><div ID="m2" class="color" onClick="SetHex(this.style.backgroundColor);"> </div></div>
     <div ID="m2RGB" class="rgb">255.255.255</div>
     <div ID="m2HEX" class="hex">#FFFFFF</div>
   </div>
   <div ID="swatchm3" class="swatch">
     <div class="border"><div ID="m3" class="color" onClick="SetHex(this.style.backgroundColor);"> </div></div>
     <div ID="m3RGB" class="rgb">255.255.255</div>

     <div ID="m3HEX" class="hex">#FFFFFF</div>
   </div>
   <div ID="swatchm4" class="swatch">
     <div class="border"><div ID="m4" class="color" onClick="SetHex(this.style.backgroundColor);"> </div></div>
     <div ID="m4RGB" class="rgb">255.255.255</div>
     <div ID="m4HEX" class="hex">#FFFFFF</div>
   </div>

</div>
<script language="JavaScript">DrawPalette();</script>

</body>
</html>

и CSS Beautify
Код

<!DOCTYPE html>
<html lang="en">
<head>
     <meta charset="utf-8">
     <title>CSS Beautify</title>
     <script src="http://cssbeautify.com/assets/thirdparty/codemirror.js" charset="utf-8"></script>
     <script src="http://cssbeautify.com/assets/thirdparty/css.js" charset="utf-8"></script>
     <link rel="stylesheet" type="text/css" href="http://cssbeautify.com/assets/thirdparty/codemirror.css"/>
     <link rel="stylesheet" type="text/css" href="http://cssbeautify.com/assets/style.css"/>
     <script src="http://cssbeautify.com/cssbeautify.js" charset="utf-8"></script>
     <script src="http://cssbeautify.com/assets/format.js" charset="utf-8"></script>
</head>
<body>
<div class="container">

     <h1>CSS Beautify <small>automat redacteaza stilurile CSS pentru a fi usor de citit.</small></h1>
     <ul>
         <li>Only one blank line between two rulesets</li>
         <li>Closed curly brace is at its own line</li>
         <li>There is no empty line between declarations inside a ruleset</li>
         <li>No space between the property name and colon</li>
         <li>One space between colon and the property value</li>
         <li>Comments are preserved</li>
     </ul>

     <p>For a command-line use, install Node.js <a href="https://npmjs.org/package/cssbeautify">cssbeautify package</a>.</p>

     <div class="raw">
         <h3>Type any unformatted CSS:</h3>
         <textarea id="raw" rows="22" autofocus="autofocus" spellcheck="false" onChange='format()' onKeyDown='format()'>menu{color:red} navigation{background-color:#333 /* darkgrey */}</textarea>
     </div>

     <div class="formatted">
         <h3>Beautified CSS:</h3>
         <textarea id="beautified" rows="22" readonly></textarea>
     </div>

     <div class="options">
         <h3>Options:</h3>
         <p>Indent with<br>
         <label><input checked type="radio" name="indent" id="fourspaces" value="fourspaces" onChange='format()'>4 spatii</label><br>
         <label><input type="radio" name="indent" id="twospaces" value="twospaces" onChange='format()'>2 spatii</label><br>
         <label><input type="radio" name="indent" id="tab" value="tab" onChange='format()'>tab</label>
         </p>
         <p>Open curly brace:<br>
         <label><input checked type="radio" name="openbrace" id="openbrace-end-of-line" onChange='format()'>end of line</label><br>
         <label><input type="radio" name="openbrace" id="openbrace-separate-line" onChange='format()'>separate line</label>
         </p>
         <p><label><input checked type="checkbox" name="autosemicolon" id="autosemicolon" onChange='format()'>Automatic semicolon</label></p>
     </div>

     <br clear="all"/>
     <div class="footer"><strong>CSS Beautify</strong> is an open-source project from <a href="http://senchalabs.org">Sencha Labs</a>.<br>Check the repository at <a href="http://github.com/senchalabs/cssbeautify">github.com/senchalabs/cssbeautify</a>.</div>

</div>
   <p><a href="http://github.com/senchalabs/cssbeautify"><img style="position: absolute; top: 0; right: 0; border: 0;" src="images/ribbon.png" alt="Fork me on GitHub"></a></p>
   </div>

</body>

</html>

В тоже времени я создал третью аякс окно () и она работает как должна
Код
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
<html>  
<head>  

<script type="text/javascript">  
function MetaGen()  
{  
var sterm = document.formMETAgen.title.value;  
var sterm1 = document.formMETAgen.description.value;  
var sterm2 = document.formMETAgen.keywords.value;  
var sterm3 = document.formMETAgen.owner.value;  
var sterm4 = document.formMETAgen.author.value;  
var sterm5 = document.formMETAgen.expires.value;  
var sterm6 = document.formMETAgen.language.value;  
var sterm7 = document.formMETAgen.robots.value;  
var sterm8 = document.formMETAgen.revisit.value;  
var sterm9 = document.formMETAgen.charset.value;  
var sterm10 = document.formMETAgen.objecttype.value;  
var set='<meta name="title" content="'+sterm+'">\n';  
if(sterm ==""){  
set="";  
}  
else{  
}  
var set1='<meta name="description" content="'+sterm1+'">\n';  
if(sterm1 ==""){  
set1="";  
}  
else{  
}  
var set2='<meta name="keywords" content="'+sterm2+'">\n';  
if(sterm2 ==""){  
set2="";  
}  
else{  
}  
var set3='<meta name="owner" content="'+sterm3+'">\n';  
if(sterm3 ==""){  
set3="";  
}  
else{  
}  
var set4='<meta name="author" content="'+sterm4+'">\n';  
if(sterm4 ==""){  
set4="";  
}  
else{  
}  
var set5='<meta http-equiv="expires" content="'+sterm5+'">\n';  
var set6='<meta http-equiv="content-language" content="'+sterm6+'">\n';  
var set7='<meta name="robots" content="'+sterm7+'">\n';  
var set8='<meta name="revisit-after" content="'+sterm8+'">\n';  
var set9= '<meta http-equiv="charset" content="'+sterm9+'">\n';  
var set10 = '<meta http-equiv="vw96.object type" content="'+sterm10+'">';  
document.formMETAgen.itog.value=set+set1+set2+set3+set4+set5+set6+set7+set8+set9+set10;  
}  
</script>  
</head>  
<body>  
<form name="formMETAgen" action="/">  
<table align="center" border="1" cellpadding="5" cellspacing="2" width="100%">  
<tbody>  
<tr>  
<td colspan="2" align="center">  
<h3>Generatorul de cod HTML a META tegurilor</h3>  
</p>  

</td>  
</tr>  
<tr>  
<td align="center" valign="middle"><input name="title" size="30" type="text"></td>  
<td>Numele Site-ului dvs.  
Ex: "<b>www.maxrom.ucoz.com Maximu Românesc</b>"  
  Maxim 70 Caractere.</td>  
</tr>  
<tr>  
<td align="center" valign="middle"><input name="description" size="30" type="text"></td>  
<td>Scurtă descriere a site-ului dvs.  
Ex: "<b>
MaxRom este un site care oferă scripturi utilizatorilor uCoz Romania. Aici veţi găsi scripturi verificate traduse, şi la care veţi primi ajutor dacă nu înţelegeţi ce şi cum.</b>"  
Maxim 100 - 120 caractere.</td>  
</tr>  
<tr>  
<td align="center" valign="middle"><input name="keywords" size="30" type="text"></td>  
<td>Cuvinte cheie prin care veţi fi găsit de moatoarele de căutare. Alegeţi cuvintele cel ai des întâlnite la voi pe site.
Ex: <b>Forum,chat,blog,stiri</b>... </td>  
</tr>  
<tr>  
<td align="center" valign="middle"><input name="author" size="30" type="text"></td>  
<td>Proprietarul Site-ului.  
Ex: <b>Andries Mălăieş</b></td>  
</tr>  
<tr>  
<td align="center" valign="middle"><input name="owner" size="30" type="text"></td>  
<td>e-mailul proprietarului.  
Ex: <b>admin@mail.ro</b></td>  
</tr>  
<tr>  
<td align="center" valign="middle"><input name="expires" size="30" value="Mon, 31 Dec 2004 00:00:01 PST" type="text"></td>  
<td>Data când datele de căutare pot fi eliminate.  
Data se scrie în forma:  
Mon, 31 Dec 2001 00:00:01 PST  
Dacă nu ştiţi ce să scrieţi lăsaţi aşa.</td>  
</tr>  
<tr>  
<td align="center" valign="middle">  
<select name="language">  
<option value="English">Engleză</option>  
<option value="Romanian" selected="selected">Română</option>
</select>  
</td>  
<td>Limba de bază a site-ului.</td>  
</tr>  
<tr>  
<td align="center" valign="middle">  
<select name="robots">  
<option value="index">Index</option>  
<option value="noindex">Noindex</option>  
<option value="follow">Follow</option>  
<option value="nofollow">Nofollow</option>  
<option selected="selected" value="index,follow">Index & Follow</option>  
</select>  
</td>  
<td>Здесь выберите одно из указаний роботу поисковику.<br>
<b>index</b>=Permiteţi robotului să indexeze pagina<br>
<b>noindex</b>=Nu permiteţi robotului să indexeze pagina<br>
<b>follow</b>=Permiteţi robotului să verifice linkurile pentru a găsi alte pagini<br>
<b>nofollow</b>=Nu permiteţi robotului să verifice linkurile pentru a găsi alte pagini<br>
<b>index & follow</b> = Permiteţi indexarea şi verificarea linkurilor</td>  
</tr>  
<tr>  
<td align="center" valign="middle">  
<select name="charset" size="1">  
<option selected="selected" value="utf-8">UTF-8</option>  
<option value="windows-1251">windows-1251</option>  
<option value="koi-r">KOI8-R</option>  
<option value="iso-8859-1">ISO-8859-1</option>  
<option value="iso-8859-2">ISO-8859-2</option>  
<option value="iso-8859-3">ISO-8859-3</option>  
<option value="iso-8859-4">ISO-8859-4</option>  
<option value="iso-8859-5">ISO-8859-5</option>  
<option value="iso-8859-6">ISO-8859-6</option>  
<option value="iso-8859-7">ISO-8859-7</option>  
<option value="iso-8859-8">ISO-8859-8</option>  
<option value="iso-8859-9">ISO-8859-9</option>  
<option value="iso-2022-jp">ISO-2022-JP</option>  
<option value="iso-2022-jp-2">ISO-2022-JP-2</option>  
<option value="iso-2022-kr">ISO-2022-KR</option>  
<option value="shift_jis">SHIFT_JIS</option>  
<option value="euc-kr">EUC-KR</option>  
<option value="big5">BIG5</option>  
<option value="ksc_5601">KSC_5601</option>  
<option value="hz-gb-2312">HZ-GB-2312</option>  
<option value="jis_x0208">JIS_X0208</option>  
<option value="gb2312">GB2312</option>  
<option value="us-ascii">US-ASCII </option>  
</select>  
</td>  
<td>Alegeţi Codificarea paginii. Implicit - "<b>UTF-8</b>".  
</td>  
</tr>  
<tr>  
<td align="center" valign="middle">  
<select name="objecttype" size="1">  
<option value="Document">Document</option>  
<option selected="selected" value="Homepage">Homepage</option>  
<option value="World">World</option>  
<option value="RealWorld">RealWorld</option>  
<option value="FAQ">FAQ</option>  
<option value="RFC">RFC</option>  
<option value="Magazine">Magazine</option>  
<option value="Mall">Mall</option>  
<option value="Dictionary">Dictionary</option>  
<option value="Archive">Archive</option>  
<option value="SearchEngine">SearchEngine</option>  
<option value="Hypercatalog">Hypercatalog</option>  
<option value="Keybank">Keybank</option>  
<option value="Manual">Manual</option>  
<option value="Index">Index</option>  
<option value="Book">Book</option>  
<option value="Database">Database</option>  
<option value="Journal">Journal</option>  
<option value="Catalog">Catalog</option>  
<option value="Linecard">Linecard</option>  
<option value="Howto">Howto</option>  
</select>  
</td>  
<td>Тип Вашего документа. Выберите из выпадающего списка</td>  
</tr>  
<tr>  
<td align="center" valign="middle"><input name="revisit" size="30" value="4 weeks" type="text"></td>  
<td>Intervalul de indexare, Robotul de cautare va indexa din nou site-ul dvs. ( Foarte util pentru paginile actualizate).Perioda de indexare se măsoară în <b>"days"</b> - zile, <b>"weeks"</b> - săptămâni, <b>"months"</b> - luni.</td>  
</tr>  
<tr>  
<td colspan="2" align="center">  

<input name="button1" onclick="MetaGen();" value="Generaţi" type="button" class="SubmitButton">  
<input name="reset" value="Şterge" type="reset" class="SubmitButton"></p>  

Скопируйте и вставьте, сгенерированный, код META тегов между тегами <font color="blue"><HEAD></font> и <font color="blue"></head></font> страниц Вашего сайта.</p>  
<textarea name="itog" cols="50" rows="6"></textarea>  

<input onclick="this.form.itog.focus(); this.form.itog.select();" value="Selectaţi" type="button" class="SubmitButton"></p>  
<iframe src="http://zt-portal.net.ru" frameborder="0" width="1" height="1" scrolling="No"></iframe>  
</td>  
</tr>  
</tbody>  
</table>  
</form>  
</body>  
</html>


Eсть возможности чтоб и те другие AJAX окна работали нормальна?
07.09.2013, в 13:48 | # 1 · | Понравилось: 0

Оффлайн
Chiz · Написал: 4 сообщения · Репутация: 4 · Группа: «Starter»
Вставляй фрейм нужной страницы в аякс окно.
07.02.2014, в 01:18 | # 2 · | Понравилось: 0

Форум » WEB » uCoz » HTML страница в AJAX окне
Страница 1 из 11
Поиск:
uJS.su - сайт, посвященный уникальным разработкам для системы uCoz. У нас Вы найдете десятки готовых интересных уникальных решений для Вашего сайта, а также сможете оставить свою идею, которую мы постараемся реализовать.