Jump to content

olga153b

User
  • Posts

    34
  • Joined

  • Last visited

Posts posted by olga153b

  1. ещё почитайте про DOM и работе с DOM на js

    Спасибо, что указали в каком направлении двигаться,

    Квадратик с места сдвинула, пока так.

    Продолжаю работать в этом направлении, чтобы переместить из пункта А в пункт Б, по координатам.


    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <title>mesto_menyaet</title>
    <style>
    * {
    margin: 0;
    padding: 0;
    }
    #kvadrat {
    width: 100px;
    height:100px;
    background:red;
    }

    #kvadrat1 {
    width: 100px;
    height:100px;
    background:#fff;
    }
    </style>
    <script>
    function go() {
    var body = document.getElementsByTagName('body')[0]
    var krasn = body.removeChild(body.firstChild)
    var zelen = body.removeChild(body.firstChild)
    body.appendChild(zelen)
    body.appendChild(krasn)
    }
    window.onload = function() { document.body.onclick = go }
    </script>

    </head>
    <body>

    <div id="kvadrat">
    </div>
    <div id="kvadrat1">
    </div>



    </body>
    </html>



  2. <html>
    <head>
    <title>Игра Пятнашки</title>
    <script type="text/javascript">

    <style type="text/css">
    *{ margin: 0; padding: 0;}
    body,html { height: 100%;}


    #field
    {
    position:relative;
    }
    .pat
    {
    position:absolute;
    width:100px;
    height:100px;

    border-style: solid;
    border-width: 3px;
    border-color:#ededed #aaa #aaa #ededed;

    line-height:100px;
    text-align:center;
    background:#ddf;
    font-family:Arial, Sans-Serif;
    font-size:60px;

    cursor:pointer;
    }


    </style>

    function ge(n){return document.getElementById(n);}
    function ce(t){return document.createElement(t);}
    function initgame()
    {

    var feild = ge('field');
    var el;
    el = ce("div");



    el.className = "pat";


    size = 100;
    }
    function move( el, 40, 40, 140, 40 )
    {


    var sm = 0;
    timer = setInterval( function()
    {
    el.style["top"] = 40*100+(40-40)+"px";
    el.style["left"] = 40*100+(140-40)+"px";

    }, 10
    );
    }


    </script>
    </head>
    <body>
    <script type="text/javascript">
    initgame();
    </script>


    <div id="field"></div>

    <!-- <div style="display:none;"><script type="text/javascript">
    </div>
    -->

    <table border="1" bgcolor="yellow">

    <tr>
    <td>
    <img src="1.gif" id="1" onClick=" move( el, 40, 40, 140, 40 )" />
    </td>
    <td> privet.....</td>
    </tr>
    </table>

    </body>
    </html>

    больше ничего не могу придумать, с места не сдвигается


  3. <html>
    <head>
    <title>Игра Пятнашки</title>
    <script type="text/javascript">

    function initgame()

    function move( el, 40, 40, 140, 40 )
    {


    var sm = 0;
    timer = setInterval( function()
    {
    el.style["top"] = 40*100+(40-40)+"px";
    el.style["left"] = 40*100+(140-40)+"px";

    }, 10
    );
    }


    </script>
    </head>
    <body>

    <table border="1" bgcolor="yellow">

    <tr>
    <td>
    <img src="1.gif" id="1" onClick="function move( el, 40, 40, 140, 40 )" />
    </td>
    <td> privet.....</td>
    </tr>
    </table>
    </body>
    </html>

    что ему надо? не двигается. рисунок 2122625.gif

  4. Доброе время суток! Перечитала я эту тему с 1 поста до 29 последнего и не один раз, скачала код всех троих. psywalker,kelvinclein,dasbit

    У меня вопрос Напишите плз код, чтобы одна(любая) цифра сдвинулась на соседнее пустое место. Без циклов, без разветвлений--в этом я сама способна разобраться, меня этот вопрос давно уже мучает.Нужно заставить сдвинуться с места. Я каждый день читаю JS, и MOVE тоже читала, но пока еще ничего не могу.

  5. В чём проблема с яваскриптом? onclick="..." - это реальный код? Так он никогда не заработает

    onclick="this.value=''" может так?

    Да, так заработало, Int спасибо.


    <HTML>
    <HEAD>
    <TITLE>this</TITLE>

    </head>
    <BODY>


    <input type="text" value ="введите email" onClick="this.value=''" id="mail">

    </BODY>
    </HTML>

  6. я сразу не сообразила, что можно сохранить те 2 изображения, а потом обрезать их в фотошопе.

    когда получила от Вас рекомендации, вставила Ваши рисунки, а потом начала думать где же их взяли,

    а сначала я вставила те рисунки, которые были под рукой

  7. урок 2 http://www.sdelaysite.com/javascript/javascript-video-2

    <HTML>
    <HEAD>
    <TITLE>this</TITLE>

    <script type="text/javascript">
    ...
    this.value = '';
    </SCRIPT>
    </head>
    <BODY>


    <input type="text" value ="введите email" onClick="..." id="mail">

    </BODY>
    </HTML>


    что тут надо, чтобы заработало, пожалуйста подскажите

    и еще один пример не могу разобраться

    http://htmlbook.ru/samlayout/verstka-na-html5/vnutrennyaya-stranitsa

    здесь в примере Блок"интересная информация" показано как делается тень

    я так и недоделала тень в макете "муж на час"

     <html>
    <head>
    <style>
    .interest {
    background: #f2efe6 url(../cat.png) no-repeat 0 100%;
    /* Параметры фона */
    padding: 10px; /* Поля */
    font-size: 0.9em; /* Размер шрифта */
    }
    .interest h3 {
    margin: 0 0 -10px; /* Отступы в заголовке */
    }
    </style>

    </head>






    <body>

    <div class="interest">
    <h3><img src="../cat.png" alt="Интересная информация"
    width="164" height="30"></h3>
    <p>Средний самец льва имеет длину около трех метров и весит
    от 180 до 230 килограмм.</p>
    <p>Львы питаются не только убитыми животными, они также не
    брезгуют падалью.</p>
    </div>
    </body>


    </html>

  8. Забил и сделал на jQuery.Все равно спасибо всем за помощь

    если я Вас правильно поняла, то вот Вам решение

    <!DOCTYPE html>
    <html>
    <head>
    <title>qqqqqqqqqqq</title>
    <link rel="stylesheet" type="text/css" href="style.css">

    <script language="javascript">
    function umn()
    {
    var a=document.forma1.znah_1.value;
    var b=document.forma1.znah_2.value;
    var s=a*b/100;
    document.forma1.res.value=s;
    }


    </script>
    </head>


    <body>
    <form name="forma1"> Высота<input type="text" name="znah_1" size="10">
    <br><br> ширина <input type="text" name="znah_2" size="10"><br>
    <br> <input type="button" name="button" value="Узнать цену" onClick="umn();"><br><br>
    <br> стоимость <input type="text" name="res" size="10">


    <br>
    </form>
    </body>
    </html>

  9. у меня еще один вопрос.

    В разделе html5 "Давайте порисуем" рисуют простой контур и простой черный прямоугольник.У меня это не получается. чтобы в этом разобраться я начала разбираться в коде игры "22хода", взяла кусочек, который рисует линию. Помогите написать код , который бы нарисовал контур или прямоугольник, который приведен в примере. заранее благодарна.

    http://jsfiddle.net/aaHMc/

    Пожалуйста, создайте новую тему, не надо валить все вопросы в одну кучу.

    http://www.spravkaweb.ru/javascript/reference/window/method/

    среди методов Window не нашла onload, как в примере "22 хода"

  10. у меня еще один вопрос.

    В разделе html5 "Давайте порисуем" рисуют простой контур и простой черный прямоугольник.У меня это не получается. чтобы в этом разобраться я начала разбираться в коде игры "22хода", взяла кусочек, который рисует линию. Помогите написать код , который бы нарисовал контур или прямоугольник, который приведен в примере. заранее благодарна.

    http://jsfiddle.net/aaHMc/

  11. Добрый день! Этот psd дизайн подойдет для начала обучения верстке, как первая верстка? Или выбрать что-то другое (что?)

    Для первого макета он сложноват, хотя всё зависит от знаний.Лучше сделайте так. Этот макет верстали очень много людей. Поищите их работы здесь. Так же где-то psywalker выкладывал свою вёрстку этого макета. Потом вы верстаете какой-нибудь кусок макета, например шапку, и смотрите как сделано в других работах. Анализируете, как, почему и зачем. Если что-то непонятно спрашивайте.

    Последовала совету опытных, Скачала готовую работу и разбиралась, разбиралась и еще разбираюсь, но показать уже могу.

    http://olga153b.freetzi.com/pervaya_rabota/uta/olga.html

  12. я советую сайт Titorov.ru . Это учитель информатики Титоров Данил Юрьевич из Кемерово. Давал мастер-класс на сайте творческих учителей, все показано, все класно. 3 часть php программирование.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy