Jump to content

cyklop77

User
 View Profile  See their activity

  • Posts

    1,770

  • Joined

  • Last visited

  • Days Won

    9

 Content Type 

Posts posted by cyklop77

  1. значок тега

    in HTML Coding

    Posted · Edited by cyklop77

    никто не пробовал сверстать значок тега(например такой как на этом форуме под каждой темой) только средствами html/css ? если да, то поделитесь пожалуйста способом или хотя бы идеей

     

    желательно чтобы была возможность менять цвет заливки и толщину границы

  2. проблема с кроссдоменным запросом

    in JavaScript

    Posted

    22 часа назад, prophet_07 сказал:

    Видимо в этом проблема: https://learn.javascript.ru/xhr-crossdomain

    Сервер должен разрешать кросс-доменный запрос с указанного домена.

    а если на моём бесплатном хостинге нет настроек, которые разрешили бы кросс-доменный запрос, то проблема не решаема?

  3. проблема с кроссдоменным запросом

    in JavaScript

    Posted · Edited by cyklop77

    помогите пожалуйста решить проблему с кроссдоменным запросом. я расположил бекенд на одном сервере, а фронтэнд на другом. теперь при помощи ajax-запроса фронтэнд-скрипт не может получить данные из бекэнда

    вот адрес, по которому можно получить данные:  

    http://zlodiak.pythonanywhere.com/days/1497104260/1497968260

    тут лежит мой скрипт, который отправляет ajax-запрос по вышеуказанному адресу. ajax-запрос отправляется после того как пользователь в первом датепикере выбирает дату '2017-06-01', а во втором датепикере выбирает дату '2017-06-30'. затем нажимает кнопку субмита

    в результате консоль говорит о том, что кроссдоменный запрос не разрешён:

    Цитата

    XMLHttpRequest cannot load http://127.0.0.1:8000/days/1496264400/1498770000. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'https://fiddle.jshell.net' is therefore not allowed access. The response had HTTP status code 400.

    я пробовал располагать на одном сервере и фронтэнд, и бекэнд. при этом всё описанной проблемы не было и связка работала без проблем. но мне нужно чтобы фронтэнд и бекенд находились именно на разных серверах

  4. трудно устроиться верстальщиком работать на дому со свободным графиком?

    in HTML Coding

    Posted

    В 07.07.2012 в 18:22, jentlmen сказал:

    Я просто изучаю html, css, java script, чтоб начать карьеру в интернете с должности верстальщика. А ответ на вопрос насколько реально найти работу, так и не выяснил

    ТС, как успехи то? интересно ведь

  7. пустые поля до краёв окна

    in HTML Coding

    Posted

    подскажите пожалуйста как в bootstrap3 сверстать страничку с пустыми полями в шапке, которые продолжаются до правого и левого края экрана? при этом необходимо чтобы контент по-прежнему оставался ограниченной ширины

     

    GyTj.png

     

    JSFIDDLE

  8. добавить табам прокрутку

    in HTML Coding

    Posted · Edited by cyklop77

    помогите пожалуйста поправить табы от бутстрапа3

    в этом примере при уменьшении ширины окна вкладки выстраиваются в несколько этажей. мне же хотелось бы чтобы они всегда состояли из одного этажа, но имели возможность прокручиваться по горизонтали(это умеют табы от ng-material) 

    это мне нужно чтобы сделать трёхуровневые табы. для них критично чтобы каждый уровень состоял строго из одного этажа

  9. Разрешить ввод только цифр

    in HTML Coding

    Posted

    Помогите пожалуйста настроить популярный плагин для angularjs1

    Сейчас в input возможно ввести любые символы. В результате действия плагина они оформляются в такой шаблон: 

    +9 (999) 999-99-99

    , в котором '9' - это любой символ.

    но мне нужно чтобы на место '9' можно было ввести только цифру. Но не букву.

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

    \d

    Но этот паттерн не срабатывает(или я что-нибудь не так делаю).

     

    JSFIDDLE

     

    js: 

    (function () {
    'use strict';

var app = angular.module('app', ['ngMask']);
    app.controller('Appctrl', Appctrl);
    function Appctrl(){

    }
})();

    html: 

    <body ng-app="app">
    <div class="container" ng-controller="Appctrl as apt">
      <input type="text" ng-model="phone" mask="+9 (999) 999-99-99" id="phoneInput">
    </div>
</body>

    так же устроит любое другое решение

  10. равносторонний div в не равностороннем родителе

    in HTML Coding

    Posted

    3 часа назад, Igor Schnaider сказал:

    То есть надо, чтобы ширина плавала в зависимости от высоты родителя?

    да. нужно чтобы ширина внутреннего блока плавала в зависимости от высоты родительского блока? в результате внутренний блок при любой комбинации ширины и высоты окна браузера будет оставаться квадратом

  11. равносторонний div в не равностороннем родителе

    in HTML Coding

    Posted · Edited by cyklop77

    помогите пожалуйста решить проблему

    резиновая страничка поделена на ячейки следующим образом . в ячейке .cell2 содержится блок .round-area. он не равносторонний. а хотелось бы чтобы он всегда равносторонний. такой:

     FNDS.png

    важно чтобы высоты блоков .cell2 и .round-area были одинаковыми

  12. установка fancybox через bower

    in JavaScript

    Posted

    помогите пожалуйста разобраться с установкой fancybox через bower в проект на angularjs

    я нашёл модель fancyboxes здесь . на это страничке написано, что нужно ввести: 

    $ bower install FancyBoxes

    я это сделал. затем прописал его в bower.json: 

    {
  "name": "angular-campus-app",
  "dependencies": {
    "FancyBoxes": "",
    "angular": "^1.5.5",
    "angular-material": "^1.0.7",
    "angular-ui-router": "^0.2.18",
    "angular-sanitize": ""
  },
  "overrides": {}
}

    затем добавил его в основной модуль так: 

    angular.module('app', [
  'ui.router',
  'ngSanitize',
  'ngAnimate',
  'FancyBoxes',
  'app.config',
  'app.directives',
  'app.filters',
  'app.services',
  'ngMaterial',
  'app.controllers'
].concat(pageOptions.map(function(e){return e.id})))

    после этих действий приложение вообще перестало запускаться. в консоли браузера сообщение такое:

    Цитата

    angular.js:68Uncaught Error: [$injector:modulerr] Failed to instantiate module app due to:(…)

     

  13. структура сайта на flex

    in HTML Coding

    Posted · Edited by cyklop77

    помогите пожалуйста разметить страничку стандартными header + content + footer

    вот моя попытка . она плоха тем, что для header, footer используется такое правило: 

    .icons_item:nth-child(6),
.icons_item:nth-child(1){
	width: 100%;
}

    хотелось бы использовать чистый flexbox

  15. перестроить flex-элементы горкой

    in HTML Coding

    Posted

    помогите пожалуйста переверстать элементы

    есть несколько элементов. нужно чтобы на iPad вертикальной ориентации они располагались так: 

    00

00

00

    ,а на iPad горизонтальной ориентации, они располагались так: 

    _00_

0000

    я решил эту задачу, используя flex-элементы и скрытые элементы:

    jsfiddle 

    page

    но мне нужно решение, которой использует только возможности flexbox(без костылей в виде скрытых элементов)

  16. flex: выравнивание по высоте

    in HTML Coding

    Posted

    помогите пожалуйста установить для каждого элемента .icon высоту, которая равна его ширине. элементу .icon я добавил круглую границу, нужно чтобы при любой ширине экрана кружочки не сплющивались. при этом все эти кружочки должны быть равномерно распределены по высоте экрана

    результат выглядеть должен приблизительно так: CWfd.jpg

    вот моя попытка

     

    html: 

        <div class="wrap">
      <div class="icons">
        <div class="icons_item"><a class="icon" href="">1</a></div>
        <div class="icons_item"><a class="icon" href="">2</a></div>
        <div class="icons_item"><a class="icon" href="">3</a></div>
        <div class="icons_item"><a class="icon" href="">4</a></div>
        <div class="icons_item"><a class="icon" href="">5</a></div>
        <div class="icons_item"><a class="icon" href="">6</a></div>                     
      </div>
    </div>

    css: 

    .wrap{
	max-width: 320px;
	height: 560px;
	margin: 0 auto;
	overflow: hidden;
	background: cyan;
}

	.icons{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;	
		height: 100%;

	}

		.icons_item{
			width: 50%;
			height: 33%;
			background: yellow;
		}

			.icon{
				border: 2px solid #000;
				border-radius: 100%;
				width: 100%;
				display: block;

				text-align: center;
			}

     

  17. 3 способа установки пакетов в nodejs

    in HTML Coding

    Posted

    9 часов назад, andrey7287 сказал:

    2. лучше так 

    
npm install package_name --save-dev

    иначе 1 способом не скачаешь потом

     

    На счёт 3 не знаю.

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

  18. 3 способа установки пакетов в nodejs

    in HTML Coding

    Posted

    скажите пожалуйста, правильно ли я понимаю механизм установки пакетов в nodejs? если нет, то поправьте меня

    я думаю, что пакеты можно устанавливать тремя способами. расскажу на примере linux:

    1. можно установить пакеты, которые требуются конкретному проекту, если зайти в каталог проекта и запустить из консоли команду 

    npm i

    в этом случае в каталоге проекта создастся каталог node_modules и в него скачаются все модули, которые указаны в package.json

    2. можно зайти в каталог проекта и запустить команду  

    npm install package_name

    в этом случае так же в каталоге проекта создастся каталог node_modules и в него установится пакет package_name

    3. запустить команду 

    npm install package_name -g

    в этом случае в каталоге проекта не создаётся каталог node_modules, а пакет package_name устанавливается глобально(ну куда-то там в linux). при этом мой проект(и другие проекты) могут использовать package_name

  19. gulp глобальбный и локальный

    in HTML Coding

    Posted

    помогите пожалуйста разобраться. собираюсь начать пользоваться gulp, но не понимаю в чём разница между глобальной и локальной установкой

    если я поставлю gulp локально, то создастся каталог node_modules, в котором будет и сам gulp, и подключаемые модули. остаётся только настроить файл конфига gulpfile.js

    но если я поставлю gulp глобально, то gulp и подключаемые модули будут храниться где-то в ОС, и мой конфиг будет искать их не в каталоге проекта, а в другом месте.

    непонятно то, что если я ставлю gulp глобально, то после установки какого-нибудь модуля:  

    npm install gulp-clean-css --save-dev

    всё равно создаётся node_modules. поэтому мне непонятно какой смысл в глобальной установке

  20. Не инициализируется view

    in JavaScript

    Posted · Edited by cyklop77

    Помогите пожалуйста исправить скрипт

    вот jsfiddle с простейшим сриптом на backbone. Он работает, то есть иницииализируется APP.NewsTapeView и затем выводится шаблон с буковками 'tttttttttttttt'

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

    NewsTapeView is plugged

Uncaught TypeError: Cannot read property 'replace' of undefinedm.template @ 

newsTapeView.js:10
(index):45 
Uncaught TypeError: APP.NewsTapeView is not a constructor

     

  21. документации нет?

    in CMS

    Posted · Edited by cyklop77

    люди, подскажите пожалуйста, действительно ли документации по magento 1.x нет в принципе или у меня руки кривые и я не умею пользоваться гуглом?

    то что я нашёл - это очень мало. там даже просто посмотреть что означает какой-нибудь атрибут невозможно. приходится гадать и просматривать разные бложики неизвестно кем и когда написанные

    вроде солидная CMS, а такой ужас

  22. modx + IDE

    in CMS

    Posted

    подключиться не проблема. просто я не нахожу эти файлы. у меня подозрение, что они в БД хранятся...

  23. modx + IDE

    in CMS

    Posted · Edited by cyklop77

    подскажите пожалуйста что нужно сделать чтобы через IDE или текстовый редактор редактировать файлы(шаблоны, ресурсы, чанки и т.д) modx revo 2.5? через админку их редактировать очень неудобно

    возможно ли такое вообще?

×
×
  • 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

  I accept