Ответы пользователя по тегу JavaScript
  • Какие инструменты сейчас в арсенале у верстальщика/front-end разработчика?

    vahe_2000
    @vahe_2000
    Chrome dev tools
    Лучший инструмент, который мы имеем в наших руках сегодня. С момента своего рождения, хром вложил много в его инструментов разработчика и до сих пор их улучшения непрерывно. Каждый выпуск (каждые 6 недель или так) идет со своими собственными торговыми новых функций DEV инструмента.

    LiveReload
    Сколько раз в среднем вы нажмете клавишу обновления на клавиатуре каждый день? Много, верно? LiveReload простой веб-протокол, который вызывает события для клиентов, когда файлы были изменены.

    Тестирование фронтэнд JavaScript код с помощью Mocha / Chai / Sinon

    Karma тест бегун Javascript написаны парней за AngularJS.

    Eще много есть но по моему это самые нужные список front-end
    Ответ написан
    2 комментария
  • Почему не работает цикл for?

    vahe_2000
    @vahe_2000
    Может вы имейте веду штото подобное как этот пример?
    Покажите код запроса.

    var bongo = [];
    for (i = 0; i < 10; i++)
    {
    
      (function(i)
        {
          $.ajax(
            {
              type: "GET",
              url: "http://localhost",
              data: queryString,
              success: function(request) {bongo[i] = request } 
            });  
        })(i);
    }
    Ответ написан
    Комментировать
  • Отправка файла из формы на e-mail?

    vahe_2000
    @vahe_2000
    HTML

    обязятелно enctype="multipart/form-data"
    <form method="post" action="attach.php" enctype="multipart/form-data">
    	<input type="text" name="email"/><br>
    	<input type="file" name="attachment"/><br>
    	<input type="submit" name="send">
    </form>


    Обрати внимание, только некоторые из вещей

    $content = chunk_split(base64_encode(file_get_conte­nts($file)));
    $headers .= "Content-Type: multipart/mixed; boundary=\"".$uid."\"­;\r\n\r\n";
    $headers .= "Content-Transfer-Encoding: base64\r\n";
    $headers .= "Content-Disposition: attachment; filename=\"".$file_name."­\"\r\n\r\n";
    $headers .= "Content-type:text/plain; charset=iso-8859-1\r\n";
    $headers .= "Content-Transfer-Encoding: 7bit\r\n\r\n";


    а теперь php attach.php

    <?php
    if (isset($_POST['send'])) {
    	if (!empty($_FILES['attachment']['name'])) {
    
    		// некоторые переменные
    		$file_name = $_FILES['attachment']['name'];
    		$temp_name = $_FILES['attachment']['tmp_name'];
    		$file_type = $_FILES['attachment']['type'];
    
    		// получить расширение файла
    		$base = basename($file_name);
    		$extension = substr($base, strlen($base)-4,strlen($base));
    
    		// только это типы файлов будет разрешено
    		$allowed_extensions = array(".doc","docx",".pdf",".zip",".png");
    
    		// убедитесь, что этот тип файла допускается
    		if (in_array($extension, $allowed_extensions)) {
    			
    			// основы
    			$from = $_POST['email'];
    			$to = "some@mail.ru";
    			$subject = "Subject";
    			$message = "message";
    		} else {
    
    			//вещи, которые нужно
    			$file = $temp_name;
    			$content = chunk_split(base64_encode(file_get_contents($file)));
    			$uid = md5(uniqid(time()));
    
    			//
    			$headers = "From: ". $from."\r\n";
    			$headers = "MIME-Version: 1.0" . "\r\n";
    
    			// Заявив, у нас есть несколько видов электронной почте (т.е. обычный текст и вложения)
    			$headers .= "Content-type: multipart/mixed;boundary=\"".$uid."\"\r\n\r\n";
    			$headers .= "This is a multi-part message in MIME format.\r\n":
    
    			// Обычная текстовая часть
    			$headers .= "--".$uid."\r\n";
    			$headers .= "Content-type: text/plain; charset=iso-8859-1\r\n";
    			$headers .= "Content-Transfer-Encoding: 7bit\r\n\r\n";
    			$headers .= $message."\r\n\r\n";
    
    			// Влажение файла
    			$headers .= "--".$uid."\r\n";
    			$headers .= "Content-Type:". $file_type.":name=\"".$file_name."\"\r\n";
    			$headers .= "Content-Transfer-Encoding: base64\r\n";
    			$headers .= "Content-Description: attachment;filename=\"".$file_name."\r\n";
    			$headers .= $content."\r\n\r\n";
    
    			// Oтправить по почте (сообщение не здесь, а в заголовке в нескольких части
    
    			if (mail($to, $subject, "",$headers)) {
    				echo "Спасибо за заявку! Скоро мы с вами свяжемся";
    			} else {
    				echo "Неполучилось";
    			}
    
    		} else {
    			echo "тип файла не имеет";
    		}
    
    	} else {
    		echo "файл не прикреплен";
    	}
    }
    ?>
    Ответ написан
    1 комментарий
  • Как из span взять текст и поместить его в input?

    vahe_2000
    @vahe_2000
    $(".notmain").click(function(){
      $('#input').val($(this).text());
    });
    Ответ написан
    Комментировать
  • GNU GPL Лицензия, или что могут сделать со мной?

    vahe_2000
    @vahe_2000
    Ответ написан
    Комментировать
  • Как передать из php в javascript массив?

    vahe_2000
    @vahe_2000
    <script type="text/javascript">
    var ar = <?php echo json_encode($ar) ?>;
    </script>

    Функция PHP json_encode возвращает строку, содержащую JSON эквивалент стоимости переданного ей в качестве мы демонстрируем здесь с численно индексированный массив:

    Или это попробуйте
    <script type="text/javascript">
    var fruits = <?php echo '["' . implode('", "', $fruits) . '"]' ?>;
    </script>

    The implode() function returns a string from the elements of an array.
    The implode() function accept its parameters in either order. However, for consistency with explode(), you should use the documented order of arguments.
    The separator parameter of implode() is optional. However, it is recommended to always use two parameters for backwards compatibility.
    This function is binary-safe.
    Ответ написан
    3 комментария
  • Как мне правильно написать такой jQuery скрипт?

    vahe_2000
    @vahe_2000
    Попробуем сделать так я приведу такой пример

    HTML
    <header></header>
    <main>
      <script> 
        for(var i = 0; i < 40; i++){ 
        document.write("<h2>"+(i+1)+". Dummy page content ... </h2>"); 
        }
    </script>
    </main>
    <footer></footer>


    CSS
    body {
        padding-top: 40px;
    }
    
    header {
        background: #f5b335;
        height: 40px;
        position: fixed;
        top: 0;
        transition: top 0.2s ease-in-out;
        width: 100%;
    }
    
    .nav-up {
        top: -40px;
    }
    
    main {
       background:url(
    data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAPklEQVQYV2O8dOnSfwYg0NPTYwTRuAAj0QqxmYBNM1briFaIzRbi3UiRZ75uNgUHGbfvabgfsHqGaIXYPAMAD8wgC/DOrZ4AAAAASUVORK5CYII=
       ) repeat;
        height: 2000px;
    }

    И наконец jQuery
    var didScroll;
    var lastScrollTop = 0;
    var delta = 5;
    var navbarHeight = $('header').outerHeight();
    
    $(window).scroll(function(event){
        didScroll = true;
    });
    
    setInterval(function() {
        if (didScroll) {
            hasScrolled();
            didScroll = false;
        }
    }, 250);
    
    function hasScrolled() {
        var st = $(this).scrollTop();
        
        // Убедитесь, что они прокрутки более чем на дельте
        if(Math.abs(lastScrollTop - st) <= delta)
            return;
        
        // Если они прокручиваются вниз и мимо навигационной панели, добавить класс .nav-up.
        // Это необходимо, чтобы вы никогда не увидите, что "за" навигационной панели.
        if (st > lastScrollTop && st > navbarHeight){
            // Прокрутка вниз
            $('header').removeClass('nav-down').addClass('nav-up');
        } else {
            // Прокрутка вверх
            if(st + $(window).height() < $(document).height()) {
                $('header').removeClass('nav-up').addClass('nav-down');
            }
        }
        
        lastScrollTop = st;
    }
    Ответ написан
    Комментировать
  • Где можно пройти тесты/курсы для получения сертификатов (HTML5, CSS3, JS, AS3 и др.)?

    vahe_2000
    @vahe_2000
    w3schools
    Там ты можешь пройти тесты HTML,CSS,JavaScript,PHP,jQuery,XML но там нет AS3
    Ответ написан
    Комментировать