Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 18.12.2011, 19:33
Аватар для cyber
I am Student
Отправить личное сообщение для cyber Посмотреть профиль Найти все сообщения от cyber
 
Регистрация: 17.12.2011
Сообщений: 4,415

Еще 1 проблема!
Решил предыдущую проблему=)
Самая главная проблема:
решил сделать сплывающий блок с текстом что типо fancybox но без jQuery!(только проше без коментов типа: изобретаеш велосипед или нафик надо)!
и вот думаю что лутче скрывать(отображать) блок с помощью ДОМ модели
или просто с помощью css(display)!
Ответить с цитированием
  #2 (permalink)  
Старый 18.12.2011, 19:44
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,217

Сообщение от cyber
вот думаю что лутче скрывать(отображать) блок с помощью ДОМ модели
или просто с помощью css(display)!
Покажи оба варианта...
Ответить с цитированием
  #3 (permalink)  
Старый 18.12.2011, 19:49
Аватар для cyber
I am Student
Отправить личное сообщение для cyber Посмотреть профиль Найти все сообщения от cyber
 
Регистрация: 17.12.2011
Сообщений: 4,415

function opBlock(){
	var links=document.getElementsByTagName('a');
	for(var i=0;i<links.length;i++){
	var clas=links[i].className.indexOf('openBlock');
	if(clas!=-1){
		
		links[i].onclick=op;
		}
	
	}
	}



function op(){
	var d=document.getElementById('dv');
	var block=document.getElementById('block');
	var closed=document.getElementById('posClos');
		elements(block,this.className);
	d.style.display='block';
	block.style.display='block';
	closed.style.display='block';
	
	}
	
	function closed(){
	var d=document.getElementById('dv');
	var block=document.getElementById('block');
	var closed=document.getElementById('posClos');
	d.style.display='none';
	block.style.display='none';
	closed.style.display='none';
	}
function elements(block,cl,d){
	var start=cl.indexOf('openBlock');
	var clasS;
	if(start==0){
	clasS=cl.slice(9,cl.length);
	}
	else if(start>0){
	clasS=cl.slice(0,start)
	}
	else alert("неправильно присвоенный класс !!");
	var content=document.getElementsByClassName(clasS);
	
	for(var i=0;i<content.length;i++){
		
		
		if(content[i].tagName !="a"){
		content=content[i];
		
		}
		}
	content=content.innerHTML;
    var closd='<img src="headerGalery/img/close.png" id="posClos" />';
	block.innerHTML=closd +content;
			}

пока готов ток 1 тестовый вариант=)
Ответить с цитированием
  #4 (permalink)  
Старый 18.12.2011, 19:50
Аватар для cyber
I am Student
Отправить личное сообщение для cyber Посмотреть профиль Найти все сообщения от cyber
 
Регистрация: 17.12.2011
Сообщений: 4,415

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<link href="style.css" rel="stylesheet" type="text/css" >
<title>Документ без названия</title>
<script type="text/javascript" src="headerGalery/HD.js"></script>   
<script type="text/javascript">
window.onload=function(){
	opBlock();
document.getElementById("posClos").onclick=closed;
	}
</script>
</head>

<body>
<div id="dv"></div>
<div id="block"></div>


<div id="page">

<div id="header">
   
    <div class="form" style="display:none;">
<p>

<form action="" method="post" name="attorization" class="formAttorization" >
<p>Введите Логин</p>
<input type="text" name="username"/>
<p>Введите пароль</p>
<input type="password" name="pass"/>
<p><a href="#">Регистрация</a></p>
<p><input type="submit" name="sm" value="Войти"/></p>
</form></p>
	</div>
<img src="all/images/cyber-war-photo-2.jpg" class="header" / >
     
        <div id="container-menu">
        <div id="left"></div>
        <ul>
                <li><a href="index.html">Главная</a></li>
                <li><a href="#">Новости</a></li>
                <li><a href="#">Блог</a></li>
                <li><a href="#">Скрипты</a></li>
                <li><a href="#" class="openBlock form" >Вход</a></li>
        </ul>
        <div id="right"></div>
        </div>
</div>

</div>
</body>
</html>
Ответить с цитированием
  #5 (permalink)  
Старый 18.12.2011, 19:51
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,217

Сообщение от cyber
пока готов ток 1
Это
Сообщение от ksa
с помощью ДОМ модели
или
Сообщение от ksa
просто с помощью css(display)
?
Ответить с цитированием
  #6 (permalink)  
Старый 18.12.2011, 19:51
Аватар для cyber
I am Student
Отправить личное сообщение для cyber Посмотреть профиль Найти все сообщения от cyber
 
Регистрация: 17.12.2011
Сообщений: 4,415

css в данный момент очень пичальный=)
щас повышаю паралельно уровень знаний css
@charset "windows-1251";
*{margin:0; padding:0;}
.formAttorization{
	padding:3% 0 5% 40%;}
#posClos{
	display:none;
	cursor:pointer;}
#block{
	width:30%;
	height:auto;
	background-color:#FFF;
	position:absolute;
	z-index:2;
	margin:30% 20% 20% 30%;
	border-radius:20px;
	-webkit-box-shadow: 0px 0px 10px #cbcbcb;
	opacity:0.9;
	display:none;
	}
#dv{
	z-index:1;
	position:absolute;
	width:100%;
	height:100%;
	background-color:#000;
	opacity:0.6;
	display:none;}

img{
	border:0px;}

.header{width:100%;
height:300px;}
#header{
	height:25%;}
body{
	background-image:url(all/images/bg.gif);
	background-repeat:repeat;
	}



#page {
	margin:0 auto;
	margin-left:25%;
	margin-right:25%;
	background-image:url(all/images/bg.jpg);
	background-repeat:repeat;
	border:1px solid black;
	height:900px;
	position:relative;}
#left {
        background:#000 url(images/left.gif) no-repeat;
        height:50px;
        width:14px;
        float: left;
		border-radius:7px 0 0 7px;
}
#right {
        background: #000 url(images/right.gif) no-repeat;
        width:27px;
        height:50px;
        float: left;
		border-radius:0 7px 7px 0;
}
ul {
        list-style: none;
        background: #000 url(images/bg.gif) repeat-x;
        height: 50px;
        float: left;
		width:95%;
}
ul li {
        display:inline;
        float: left;
        height: 56px;
		margin-right:5%;
		margin-left:5%;
}
ul li a {
        text-decoration: none;
        color: #fff;
        padding: 0 10px;
        height: 56px;
        display: table-cell;
        vertical-align: middle;
}
ul li a:hover {  
        background: #95009E url(images/a-hover.gif) no-repeat;
		height:50px;
		}
#container-menu{
	margin-top:1px;
	            }
Ответить с цитированием
  #7 (permalink)  
Старый 18.12.2011, 19:52
Аватар для cyber
I am Student
Отправить личное сообщение для cyber Посмотреть профиль Найти все сообщения от cyber
 
Регистрация: 17.12.2011
Сообщений: 4,415

Сообщение от ksa Посмотреть сообщение
Это

или

?
это я делал пробник
я думаю развивать скрипт в томже направление или делать с помощью DOM
Ответить с цитированием
  #8 (permalink)  
Старый 18.12.2011, 19:52
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,217

И вчем будет "разница" между теми двумя вариантами?
Ответить с цитированием
  #9 (permalink)  
Старый 18.12.2011, 19:55
Аватар для cyber
I am Student
Отправить личное сообщение для cyber Посмотреть профиль Найти все сообщения от cyber
 
Регистрация: 17.12.2011
Сообщений: 4,415

Сообщение от ksa Посмотреть сообщение
И вчем будет "разница" между теми двумя вариантами?
тоесть разницы небудет некакой и лутче так продолжать?=)
Ответить с цитированием
  #10 (permalink)  
Старый 18.12.2011, 19:56
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,217

Сообщение от cyber
тоесть разницы небудет некакой
Не будет даже вариантов...
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Добовление формы еще Kuklavod jQuery 2 03.11.2011 15:12
Проблема с CSS COKOJIOB (X)HTML/CSS 5 04.08.2009 14:19
Ещё одна проблема обработки скрипта в Mozilla comcam Firefox/Mozilla 15 27.03.2009 02:22
глюк форума Gvozd Сайт Javascript.ru 11 18.03.2009 14:37
Проблема спама lliberty AJAX и COMET 1 12.03.2009 16:47