Jump to content
  • 0

Полезные ссылки


Tokolist
 Share

Question

Основы

Начала JavaScript

Справочники

(...)

Сайты

http://www.javascript.ru/

http://www.javascriptkit.com/ (анг.)

http://www.javaportal.ru/

Спецификации

(...)

JavaScript ООП

Объектно-ориентированный JavaScript

JavaScript. Создание объектов

Объектная Модель. Детали.

Наследование в JavaScript

Библиотеки, фреймворки

Ext JS - cross-browser JavaScript library for building rich internet applications. High performance, customizable UI widgets Well designed, documented and extensible Component model Commercial and Open Source licenses available.

MooTools - compact, modular, Object-Oriented JavaScript framework designed for the intermediate to advanced JavaScript developer. It allows you to write powerful, flexible, and cross-browser code with its elegant, well documented, and coherent API.

Prototype - JavaScript Framework that aims to ease development of dynamic web applications. Featuring a unique, easy-to-use toolkit for class-driven development and the nicest Ajax library around, Prototype is quickly becoming the codebase of choice for web application developers everywhere.

Lightbox - simple, unobtrusive script used to overlay images on the current page. It's a snap to setup and works on all modern browsers.

ImageFlow - красивая галерея как в MacOS

script.aculo.us - provides you with easy-to-use, cross-browser user interface JavaScript libraries to make your web sites and web applications fly.

FWC:SmartSelect - свободно распространяемый JavaScript тулкит, позволяющий максимально просто создавать многофункциональные компоненты форм, такие как "Combo Box", "Select List", "Input Autofill" и т.п.

NicEdit - Lightweight, Cross Platform, Inline Content Editor to allow easy editing of web site content on the fly in the browser. NicEdit Javascript integrates into any site in seconds to make any element/div editable or convert standard textareas to rich text editing.

  • Like 1
Link to comment
Share on other sites

Recommended Posts

  • 0
jsImageBox - компактный и несложный в подключении скрипт, который позволяет показывать увеличенные изображения во всплывающем блоке. Код скрипта занимает всего 9кб. Для его работы на страницу нужно подключить только один js файл. Скрипт написан без использования сторонних фреймворков и библиотек, поэтому не должен вызвать конфликтов при подключении на сайты, уже сделанные с использованием какого-либо фреймворка.
Link to comment
Share on other sites

  • 0

Продолжу хорошую традицию Buddah,

http://learnjquery.tutsplus.com/

Новый бесплатный курс в этот раз по JQuery от tutsplus, на языке оригинала, советую там осмотреться...замечательный ресурс по разным направлениям.

Edited by Svatov
  • Like 2
Link to comment
Share on other sites

  • 0

Продолжу хорошую традицию Buddah,

http://learnjquery.tutsplus.com/

Новый бесплатный курс в этот раз по JQuery от tutsplus, на языке оригинала, советую там осмотреться...замечательный ресурс по разным направлениям.

Мне очень нравится способ подачи информации инструктором. Главное успевать понимать, что он говорит) Прохожу курс.

  • Like 1
Link to comment
Share on other sites

  • 0

Вот смотрю эти уроки и удивляюсь...он умудряется изложить все понятно и доступно за 15- 20 минут, я когда читал JQuery in Action постоянно ее забрасывал, так как очень много лишней информации, которую в принципе и знать хорошо, но процессу обучения явно не способствует...быстро надоедает читать...а его уроки смотреть одно удовольствие.

Link to comment
Share on other sites

  • 0

Там плохие примеры. Новичкам лучше почитать что-то более правильное. Машина наследует от двигателя... идеологи ООП плачут кровавыми слезами...

Вот тут очень хорошо расписаны кое-какие моменты, правда не совсем для новичков, но инфа очень интересная.

Link to comment
Share on other sites

  • 0

jQuery плагин http://zoomsl.tw1.ru. Похож на Cloud Zoom v3.0, но совершенно бесплатен. Работает во всех браузерах, даже в ие8 поддерживается плавность анимации, чего не скажешь про другие бесплатные плагины.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

  • Обсуждения

    • <div class="modal-body"> <?php if (!empty($_SESSION['cart'])): ?> <?php else: ?> <p>Корзина пуста...</p> <?php endif; ?> <?php if (!empty($_SESSION['cart'])): ?> <table class="table"> <thead> <tr> <th scope="col">Изображение</th> <th scope="col">Название</th> <th scope="col">Цена</th> <th scope="col">Количество</th> </tr> </thead> <tbody> <?php foreach ($_SESSION['cart'] as $id => $item): ?> <tr> <td><a href="#"><img class="br-3" src="images/<?= $item['img'] ?>" alt="<?= $item['title'] ?>"></a></td> <td><p><?= $item['title'] ?></p></td> <td><?= $item['price'] ?></td> <td> <?= $id ?> <a id="min-to-cart" href="?cart=minus&id=<?= $id ?>" class="min-to-cart minus-btn badge-light minus-to-cart" data-id="<?php echo $id ?>"></a> <?= $item['qty'] ?> <a id="plus-to-cart" href="?cart=plus&id=<?= $id ?>" class="plus-btn badge-light plus-to-cart" data-id="<?php echo $id ?>"></a> <a href="#" class="delete-btn remove-from-cart badge-light" data-id="<?php echo $id ?>"></a> <button type="button" class="btn delete-btn remove-from-cart" id="remove-from-cart" data-id="<?php echo $id ?>"></button> </td> </tr> <?php endforeach; ?> <tr> <td colspan="4" align="right">Товаров: <span id="modal-cart-qty"><?= $_SESSION['cart.qty'] ?></span> <br> На сумму: <?= $_SESSION['cart.sum'] ?> руб.</td> </tr> </tbody> </table> <form action="telegram.php" method="POST"> <legend>Введите имя, номер телефона и адрес:</legend> <div class="form-group"> <input type="text" class="form-control" id="" name="name" placeholder="Введите имя"> </div> <div class="form-group"> <input type="text" class="form-control" id="" name="phone" placeholder="Введите телефон"> </div> <div class="form-group"> <input type="text" class="form-control" id="" name="address" placeholder="Введите адрес"> </div> <div class="form-group"> <textarea name="msg" placeholder="Ваш комментарий..."></textarea> </div> <button type="submit" class="btn btn-success">Оформить заказ</button> <button type="button" class="btn btn-danger" id="clear-cart">Очистить корзину</button> </form> <!--<script src="common/scripts.js"></script>--> <?php endif; ?> </div> <div class="modal-footer"> <?php foreach ($_SESSION['cart'] as $id => $item): ?> <a href="#" class="delete-btn remove-from-cart badge-light" data-id="<?php echo $id ?>"></a> <?php endforeach; ?> </div>               функция полной очистки работает, видимо потому что этот класс есть изначально, а не появляется из-за сессии   $('.add-to-cart').on('click', function (e){ e.preventDefault(); let id = $(this).data('id'); $.ajax({ url: 'cart.php', type: 'GET', data: {cart: 'add', id: id}, dataType: 'json', success: function (res) { if (res.code == 'ok') { showCart(res.answer); } else { alert(res.answer); } }, error: function () { alert('Error'); } }); }); $('#cart-modal .modal-cart-content .remove-from-cart').on('click', function (e){ e.preventDefault(); let id = $(this).data('id'); console.log(id); }); $('#get-cart').on('click', function (e){ e.preventDefault(); $.ajax({ url: 'cart.php', type: 'GET', data: {cart: 'show'}, success: function (res) { showCart(res); }, error: function () { alert('Error'); } }); }); $('#cart-modal .modal-cart-content').on('click', '#clear-cart', function (){ $.ajax({ url: 'cart.php', type: 'GET', data: {cart: 'clear'}, success: function (res) { showCart(res); }, error: function () { alert('Error'); } }); });
    • Например, добавить  .wrapper li {     clear: both; } http://jsfiddle.net/e3f9ozLr/
    • Ты в стрелочной функции из-за того что у тебя одно выражение опустил { }. А это ведет к неявному возврату результата выражения.
    • Здравстуйте, каким образом можно получить доступ к Mathcad Application Server для получения доступа к документам и функциям Mathcad через Интернет. Может быть, есть другой способ связать интернет с Mathcad ?
    • Прошу помочь с заданием: Написать файл скрипта, который генерирует три числа, соответствующие значениям высоты, длины и ширины комнаты. Отобразить в консоли: a.Площадь стен комнаты b.Объём комнаты c.*Объём комнаты за вычетом случайно сгенерированного количества чисел, которые определяет объёмы случайно зашедших в комнату людей. (в итоге запустит скрипт последством консоли) (заранее огромное спасибо)
×
×
  • 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