Вопросы с тегами [html5]

1

голосов
1

ответ
71

Просмотры

Thymeleaf: только переменные выражения возвращающие числа или булевы разрешены в этом контексте

У меня есть RESTful приложение Web Service SpringBoot 2.1.4.RELEASE., Используя Spring Initializer, встроенный Tomcat, Thymeleaf двигатель шаблона и пакет как исполняемый файл JAR. У меня есть этот кусок кода в одном из своих шаблонов, ... Но я получил эту ошибку при визуализации шаблона: org.thymeleaf.exceptions.TemplateProcessingException: только переменные выражения возвращающих чисел или булевыми позволены в этом контексте, любые другие типы данных, не доверяют в контексте этого выражения, в том числе строк или любого другого объекта, который может быть вынесенному в тексте буквальным. Типичный пример является HTML атрибутов для обработчиков событий (например, «OnLoad»), в котором текстовые данные из переменных должны лучше быть выведено «данных- *» атрибуты, а затем прочитать из обработчика события.
carles xuriguera
1

голосов
1

ответ
81

Просмотры

Как размыть все элементы, кроме одного с JavaScript

Я пытаюсь размыть все элементы, кроме р # этот тег. Помните, что я хотел бы сделать это в JavaScript. Не JQuery или CSS, как я пытаюсь выучить ванильный JavaScript. На этой ссылке я нашел несколько аналогичный ответ. @ Prog1011 дал ответ, и я пытаюсь реализовать, но это не сработало. https://jsfiddle.net/Lgq4szte/1/ Новый заголовок New Title 2 Новый заголовок 2 Новый пункт JS document.querySelector ( "тело: нет (# Эта)"). style.filter = "размытие (2px)"; Как размыть все элементы для р # это тег, за исключением?
Gingercook
1

голосов
2

ответ
41

Просмотры

Как отправить данные из формы html5 на PHP страницу для обработки без перезагрузки страницы или перейдите на страницу PHP

Я строю сайт и в каком-то разделе мне нужно пользователю выбрать три варианта из трех отдельных элементов на странице и нажмите на кнопку Поиск для поиска в базе данных для того, что пользователь хочет .. но PHP не получить данные из формы без установки типа кнопки, чтобы представить .. и это приводит к тому, кнопка перезагрузки страницы .. но я не хочу, чтобы страница перезагружается.Я попытался настройки действия формы, чтобы быть файл PHP, который обрабатывает данные, но это сделало его хуже и перенаправил пользователя к файлу PHP, если нажмет кнопку поиска HTML-код формы Выберите категорию category1 category2 category3 Выбрать место место1 place2 place3 place4 Выберите бюджет бюджета1 budget2 budget3 бюджета4 Поиск Я ожидаю, что страница не перезагружать и показать данные, основанные на выполнении поиска в файле PHP, но то, что происходит на самом деле является то, что перезагружает страницу, но и появится ожидаемый данные в место, указанное для него
Youssef Ashour
1

голосов
3

ответ
365

Просмотры

Как я могу удалить красную границу из этого DIV при нажатии?

Я использую шрифт удивительные иконки внутри DIV. При нажатии изменить цвет на синий. Тем не менее, я не хочу красную границу, которая появляется при нажатии. Как удалить? HTML CSS .tile-контейнер {коробка-тень: 1px 2px; Цвет: светло-серый; } {.Search обивка-топ: 10px; } .Blue {цвет: синий; }
RiyaGeorge
1

голосов
3

ответ
17k

Просмотры

Как динамически изменять размер макета веб-страницы в соответствии с размером окна?

Я относительно новым для веб-разработки, мне интересно, если anyones знает ОХ простое решение для создания страницы я имею в разработке динамически изменять размеры до размеров окна без искажения макета. Я также хотел бы попробовать, чтобы иметь страницу с центром, а также, проблема, я пытался центрирования его, но, как я изменил размер элементов на странице съехал места. Любая помощь приветствуется. Я пошел вперед и положил код вверх на сервере, так что легко можно увидеть, я сделал это главным образом для тестирования. Проект является добровольным и в конечном итоге будет использоваться как часть инструмента языкового образования. Я просто пытаюсь получить макет так, что он будет изменять динамически, без искажения макета. С текущей настройкой я должен вручную уменьшить, если разрешение экрана низкое, чтобы получить расположение, чтобы соответствовать должным образом в пределах экрана. Я в настоящее время использую абсолютное позиционирование в CSS для позиционирования элементов страницы относительно фонового изображения, они должны быть установлены правильно, чтобы вписаться в фоновом узор. На странице можно посмотреть на http://www.kapacitive.com/Main_Page_Template.html придется просмотреть исходный код страницы, чтобы просмотреть код. Еще раз любая помощь приветствуется и, пожалуйста, если вы не имеете что-то полезное, чтобы сказать, пожалуйста, просто даже не отвечать. Благодарю. даже не отвечают. Благодарю. даже не отвечают. Благодарю.
Design Logic
1

голосов
2

ответ
3.7k

Просмотры

HTML тег увеличение и уменьшение кнопок

Я знаю, что мой вопрос может быть глупо, но я действительно складываю здесь, я везде искать, и я не могу найти, как сделать простой HTML тег содержит увеличение и уменьшение кнопки справа! Пожалуйста, помогите ... Спасибо за ваше время! Вот пример того, что я говорю:
DNA180
1

голосов
0

ответ
90

Просмотры

WebRTC adapter.js возвращает пустой объект

Я строй приложения WebRTC с передним концом emplyong adapter.js и AngularJS. Вызов функционального GetUserMedia из adapter.js обработчика успеха возвращает пустой объект в качестве объекта потока. Ниже приведен фрагмент кода. index.html main.js $ scope.constraints = {аудио: истинно, видео: истинный}; $ Scope.localVideoStream = NULL; GetUserMedia ($ scope.constraints, функция (поток) {socket.emit ( 'сообщение: WebRTC', поток); console.log (поток); $ scope.localVideoStream = $ sce.trustAsResourceUrl (поток); handleUserMedia (поток); }, функция (ошибка) {$ тайм-аут (функция () {MainService.viewport = 'главной'; $ location.path ( '/ Основной');}, 1); console.log (ошибка);}); функционировать handleUserMedia (поток) {// как определено в адаптере. JS} Из-за такое поведение я не могу транслировать местные СМИ в видеоэлементе, как показано в файле index.html. Любой выход?
tej-kweku
1

голосов
1

ответ
34

Просмотры

video is not fetching completly,

Я хочу получать видео с MongoDB, чем она должна играть, что видео до размера видео, но его играет лишь некоторые второй, я дал maxUploadSize является 20mb и maxInMemorySize также 20mb, но на странице JSP, его извлечение только 1 Мб видео даже видео размера более чем 1Мб. Я не получаю, что делать, видео должно играть полный объем в соответствии с размером видео здесь контроллер @RequestMapping (значение = «/ радушно-видео-контроллер / {videoObj}», производит = «видео / WebM») @ResponseBody общественного ResponseEntity getVideoForLoginPage (@PathVariable Строка videoObj, HttpServletResponse ответ) бросает IOException {LOG.info ( "Вступление :: getVideoForPost"); BufferedImage bufferedVideoForPost = NULL; URL resourcePath = NULL; байт [] videoArray = NULL; ResponseEntity результат = NULL; LOG.info ( "videoObj ->" + videoObj); Файл videoFromMongo = новый файл (VIDEO_FROM_PATH + videoObj); GridFSDBFile видеофайле = MongoUtility.getVideoFileFromMongo (videoObj); videoFile.writeTo (videoFromMongo); bufferedVideoForPost = ImageIO.read (videoFromMongo); videoFile.getInputStream (); HttpHeaders заголовки = новые HttpHeaders (); headers.setContentLength ((INT) videoFile.getLength ()); videoArray = новый байт [(целое) videoFile.getLength ()]; Результат = новый ResponseEntity (videoArray, заголовки, HttpStatus.OK); . VideoFile.getInputStream () следующим образом (videoArray); LOG.info ( "videoArray ->" + videoArray); LOG.info ( "размер videoArray ->" + videoArray.length); возвращать результат; } И это HTML codding она должна играть полное видео, я пытался много, но ничего не работает, плз сказать, что это проблема,
Laxmi Prajapati
1

голосов
1

ответ
1.1k

Просмотры

Webcam video stream not showing in html5 video tag

I am trying to get access to a webcam and display video on an HTML page in a video tag. After I run the HTML page, I get a pop-up box asking for the permission to access webcam but after I grant permission, nothing happens. No video is shown in video tag. Below i the code. I am using Firefox 57.0 webcam var video = document.querySelector("#video"); navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia || navigator.oGetUserMedia; if (navigator.getUserMedia) { alert('hello'); navigator.getUserMedia( { video : true }, handleVideo, videoError); } function handleVideo(stream) { video.src = window.URL.createObjectURL(stream); } function videoError(e) { // do something } Web Camera Photo Frame Snap Photo Kindly guide me what am I doing wrong. I've searched a lot but couldn't find anything.
Usman Riaz
1

голосов
1

ответ
39

Просмотры

JavaScript воспроизведения видео с одинаковым управлением класса игровыми кнопками с таким же классом

Я пытаюсь сделать кнопки 3 воспроизведения / паузы 3 видео. Каждая кнопка воспроизведения / пауза контролирует ближайшее видео. (Функция () {вар игра = document.querySelectorAll ( 'video_play_button. '), Видео = document.querySelectorAll (' timeline_video.'); Функция videoPlay () {video.forEach (функция (videoItem) {если (videoItem.paused) {videoItem.play ();} еще {videoItem.pause ();}});} play.forEach (функция (воспроизводимый элемент,) {playItem.addEventListener ( 'нажмите', videoPlay, ложь);})}) (); Когда я нажал на кнопку воспроизведения теперь он будет играть все видео. Как мне сделать это играет только самое близкое видео? Спасибо :)
Shan Jiang
1

голосов
0

ответ
39

Просмотры

Validation not working and Save button is not enabled

Only if I enter a value in Secondary-phone field, the save button gets enabled and the other issue is secondary phone number needs to be validated but it's not a required field. @Html.Sitecore().Field("Zip Label", profileItem) Zip Required @* @Html.Sitecore().Field("Zip Required", profileItemm) *@ Enter a valid zip code @Html.Sitecore().Field("Phone Label", profileItem) @Html.Sitecore().Field("Phone Required", profileItem) Enter a valid phone number @Html.Sitecore().Field("Mobile Phone Label", profileItem) @Translate.Text("(optional)") Enter a valid phone number @Html.Sitecore().Field("Save Changes Button", profileItem) @Html.Sitecore().Field("Cancel Button", profileItem) @Html.Sitecore().Field("Edit Contact Information", profileItem) @Component({ selector: 'profile-app', templateUrl: '/apps/customer-portal/profile/profile-component', providers: [ProfileService, PasswordValidationService, UserService], }) export class ProfileComponent implements OnInit { constructor(private fb: FormBuilder, private userService: UserService, private profileService: ProfileService, private passwordValidationService: PasswordValidationService) { this.editInfoForm = this.fb.group({ street: ['', Validators.required], city: ['', Validators.required], country: '', state: '', email: ['', [ Validators.required, validateEmail ]], zip: ['', [ Validators.required, validateZip ]], phone: ['', [ Validators.required // validatePhone ]], 'secondary-phone': ['', validatePhone ] }); } toggleEditDetails() { this.successPassword = false; this.failPassword = false; this.successUsername = false; this.failUsername = false; if (this.editDetails !== null) { this.editDetails = null; return; } this.editDetails = new Details(); Object.assign(this.editDetails, this.details); } saveEditDetails() { this.whichButton = "details"; this.save({ userName: this.editDetails.username, contentLanguage: this.editDetails.language }, profile => { this.toggleEditDetails(); }); } toggleEditCommunicationPreferences() { if (this.editCommunicationEmail !== null) { this.editCommunicationEmail = null; return; } this.editCommunicationEmail = this.communicationPreferences.email; } toggleEditContactInformation() { this.successContactInfo = false; this.failContactInfo = false; if (this.editContactInformation !== null) { this.editContactInformation = null; return; } this.editContactInformation = new ContactInformation(); Object.assign(this.editContactInformation, this.contactInformation); } saveEditContactInformation(data: any) { this.whichButton = "contactinfo"; this.save({ // firstName: data.firstName, // lastName: data.lastName, // title: data.title, mailingStreet: data.street, mailingCity: data.city, mailingState: data.state, mailingPostalCode: data.zip, mailingCountry: data.country, phone: data.phone, mobilePhone: data['secondary-phone'], email: data.email }, profile => { this.toggleEditContactInformation(); }); } private save(profile: IProfile, success: (profile: IProfile) => any) { if (this.saving) return; this.saving = true; this.profileService.save(profile) .then(profile => { this.mapProfile(profile); success(profile); this.saving = false; if (this.whichButton === "details") this.successUsername = true; if (this.whichButton === "contactinfo") this.successContactInfo = true; }).catch(() => { this.saving = false; if (this.whichButton === "details") this.failUsername = true; if (this.whichButton === "contactinfo") this.failContactInfo = true; }); } ngOnInit() { this.busy = this.profileService.get() .then(profile => { this.mapProfile(profile); this.editInfoForm.setValue({ street: profile.mailingStreet, city: profile.mailingCity, country: profile.mailingCountry, state: profile.mailingState, email: profile.email, zip: profile.mailingPostalCode, phone: profile.phone, 'secondary-phone': profile.mobilePhone }); }); } formChanged() { this.editInfoForm.valueChanges .subscribe(data => this.onValueChanged(data)); } onValueChanged(data?: any) { if(this.editInfoForm.get('country').value === 'UNITED STATES') { this.phoneMax = 12; this.editInfoForm.controls['phone'].setValidators([Validators.required, Validators.minLength(12), Validators.maxLength(12)]); // Length 10 digits + 2 '-' } else { this.phoneMax = null; this.editInfoForm.controls['phone'].setValidators([Validators.required]); } var sSecPhone = ''; sSecPhone = this.editInfoForm.get('secondary-phone').value; if (this.editInfoForm.get('country').value === 'UNITED STATES') { this.phoneMax = 12; this.editInfoForm.controls['secondary-phone'].setValidators([Validators.required, Validators.minLength(12), Validators.maxLength(12)]); // Length 10 digits + 2 '-' } else { this.phoneMax = null; this.editInfoForm.controls['secondary-phone'].setValidators([Validators.minLength(6), Validators.maxLength(20)]); } } ngAfterViewChecked() { this.formChanged(); } } thanks Karthey
Karthey Sundarem
1

голосов
0

ответ
44

Просмотры

Как получить все элементы, которые нарисованы в контексте холста?

Я делаю какую-то игру в полотне (игра в веб-браузере). Я рисую все свои элементы в полотне и поместить их в том же контексте. Теперь, мне нужно, чтобы получить все элементы, которые притягиваются. Как я могу это сделать? Я видел, что это возможно с fabric.js, но это может быть сделано с простым JS?
bobby
1

голосов
0

ответ
57

Просмотры

VoiceOver курсор и обработчики событий в HTML5

У нас есть веб-приложение, которое поддерживает доступность, специальные вкладки упорядоченность как графический интерфейс и не графический интерфейс (нарисованы на холсте) элементов и т.д. На рабочем столе, мы делаем это с KeyEvent обработчиков, и работает нормально на Mac VoiceOver. Но в IPAD, проведите пальцем влево-вправо только перемещает курсор VO, не обработчики событий не запускаются (и даже TabIndex игнорируется) Есть ли способ контролировать VO порядок управления курсором и запустить код на «фокус»? Благодарю. Laszlo
László Gál
1

голосов
0

ответ
139

Просмотры

Node.js большой файл возобновляемая загрузки ускорить

Я пытаюсь создать сервер, который может обрабатывать большие (100M-1T) загрузки файлов на максимальной скорости. Таким образом, я делаю следующие шаги: На стороне клиента (браузера) Я разделить исходный файл на 3 части и начать загружать все части параллельно. Если же часть поданной для загрузки из-за проблемы в сеть, то я проверить размер куска, который уже парциальный записывается на диск на сервере и реагировать на клиент, что потребность сервера кусок от й -> конец байтами. И клиент посылает кусок от й байт из части. Затем все части были успешно загружена thnen мне нужно маржа его к одному конечному файлу. Это хороший алгоритм?
Oleksandr Kyrpa
1

голосов
1

ответ
40

Просмотры

Дисплей DropDown в HTML с PHP

Я для разработчиков Android и делает один админ панель для одного из моих приложений Android. Я знаю очень простой PHP. в настоящее время я отображая поле ввода со значением и пользователь может изменить с вводом текста и может сохранить значение с помощью кнопки отправки. Ее, как показано ниже Admob On / Off: -
Meena Parmar
1

голосов
0

ответ
47

Просмотры

Подключение convolverNode к входу userGetMedia - (Web Audio API) + аудио тегов

Я пытаюсь понять Web Audio API и нуждаются в помощи. Я хочу подключить convolverNode к живой записанный клип Следующий код взаимодействует с HTML, воспроизведение и остановка кнопки и ввода тегов с типом = «Диапазон» он добавляет реверберацию и отлично работает. Контекст переменная = новый (window.AudioContext || window.webkitAudioContext) (); источник вар; вар convolverGain = context.createGain (); вар Конвольвер = context.createConvolver (); вар masterGain = context.createGain (); вар masterCompression = context.createDynamicsCompressor (); вар impulseUrl = 'аудио / impulse2.wav'; вар sourceUrl = 'аудио / test.wav'; вар play2 = document.querySelector (»play2' .); вар STOP2 = document.querySelector (»STOP2' .); stop2.setAttribute ( 'инвалиды', 'инвалиды'); вар convolverGainControl = document.querySelector (». Конвольвер-амплитудно-контроль »); вар convolverGainValue = document.querySelector ( 'Конвольвер-амплитудно-значение.'); convolverGainControl.setAttribute ( 'инвалиды', 'инвалиды'); Функция getSource () {источник = context.createBufferSource (); Запрос = новый XMLHttpRequest (); request.open ( 'GET', sourceUrl, истинный); request.responseType = 'ArrayBuffer'; request.onload = функция () {вар = аудиоданные request.response; context.decodeAudioData (аудиоданные, функция (буфер) {myBuffer = буфер; source.buffer = myBuffer; source.loop = истина; source.connect (convolverGain); source.connect (masterGain); masterGain.connect (masterCompression); masterCompression. подключить (context.destination);}, функция (е) { "Ошибка декодирования с аудиоданных" + e.err}); } Request.send (); getImpulse (); document.querySelector ( 'Конвольвер усиления контроля.') значение = '0'.; document.querySelector ( 'Конвольвер-амплитудно управления. ') addEventListener. (' Изменение', функция () {convolverGainControl.value = this.value;}); } Функция getImpulse () {Конвольвер = context.createConvolver (); ajaxRequest = новый XMLHttpRequest (); ajaxRequest.open ( 'GET', impulseUrl, истинный); ajaxRequest.responseType = 'ArrayBuffer'; ajaxRequest.onload = функция () {вар impulseData = ajaxRequest.response; context.decodeAudioData (impulseData, функция (буфер) {myImpulseBuffer = буфер; convolver.buffer = myImpulseBuffer; convolver.loop = истина; convolver.normalize = истина; convolverGain.gain.value = 0; convolverGain.connect (Конвольвер); Конвольвер. подключения (masterGain); }, Функция (е) { "Ошибка декодирования с аудиоданных" + e.err}); } AjaxRequest.send (); } Play2.onclick = функция () {convolver.disconnect (); getSource (); source.start (0); play2.setAttribute ( 'инвалиды', 'инвалиды'); convolverGainControl.removeAttribute ( 'отключено'); stop2.removeAttribute ( 'отключено'); convolverGainValue.innerHTML = 0; } Stop2.onclick = функция () {source.stop (0); play2.removeAttribute ( 'отключено'); convolverGainControl.setAttribute ( 'инвалиды', 'инвалиды'); stop2.setAttribute ( 'инвалиды', 'инвалиды'); } ConvolverGainControl.oninput = функция () {convolverGain.gain.value = convolverGainControl.value; convolverGainValue.innerHTML = convolverGainControl.value; } Следующий код, который я нашел, есть кнопка записи и остановки и визуализатор он записывает клип и добавляет его в нижней части страницы после завершения записи. // установить основные переменные для приложения вара записи = document.querySelector ( «записи.»); вар остановка = document.querySelector (»останавливается.); вар soundClips = document.querySelector (»звуковые клипы.); вар холст = document.querySelector ( 'визуализатор.'); вар = document.querySelector основной секции (»основные-элементы управления.); // кнопка отключения остановки, а не запись stop.disabled = истина; // Настройка визуализатор - создать веб-контекст аудио апи и холст уаг audioCtx = новый (window.AudioContext || webkitAudioContext) (); вар canvasCtx = canvas.getContext ( "2d"); // Основной блок для выполнения записи звука, если (navigator.mediaDevices.getUserMedia) {console.log ( 'GetUserMedia поддерживается.'); вар ограничения = {аудио: истинно}; вар куски = []; вар OnSuccess = функция (поток) {вар mediaRecorder = новый MediaRecorder (поток); визуализировать (поток); record.onclick = функция () {mediaRecorder.start (); console.log (mediaRecorder.state); console.log ( "самописец начал"); record.style.background = "красный"; stop.disabled = ложь; record.disabled = TRUE; } Stop.onclick = функция () {mediaRecorder.stop (); console.log (mediaRecorder.state); console.log ( "рекордер остановлен"); record.style.background = ""; record.style.color = ""; // mediaRecorder.requestData (); stop.disabled = TRUE; record.disabled = ложь; } MediaRecorder.onstop = функция (е) {console.log (» clipContainer.appendChild (clipLabel); clipContainer.appendChild (кнопка удаление); soundClips.appendChild (clipContainer); audio.controls = TRUE; вар блобы = новый Blob (куски, { 'типа': 'аудио / OGG; кодеки = опус'}); ломти = []; вар audioURL = window.URL.createObjectURL (блоб); audio.src = audioURL; console.log ( "рекордер остановлен"); deleteButton.onclick = функция (е) {evtTgt = e.target; evtTgt.parentNode.parentNode.removeChild (evtTgt.parentNode); } ClipLabel.onclick = функция () {вар existingName = clipLabel.textContent; вар newClipName = подсказка ( «Введите имя для звукового клипа?»); если (newClipName === NULL) {clipLabel.textContent = existingName; } Еще {clipLabel. TextContent = newClipName; }}} MediaRecorder.ondataavailable = функция (е) {chunks.push (e.data); }} Переменная OnError = функция (ERR) {console.log ( 'Следующая ошибка:' + ERR); } Navigator.mediaDevices.getUserMedia (ограничения) .then (OnSuccess, OnError); } Еще {console.log ( 'GetUserMedia не поддерживается в вашем браузере!'); } Функция Visualize (поток) {источник вар = audioCtx.createMediaStreamSource (поток); Анализатор вар = audioCtx.createAnalyser (); analyser.fftSize = 2048; BufferLength вар = analyser.frequencyBinCount; вар DataArray = новый Uint8Array (BufferLength); source.connect (анализатор); //analyser.connect(audioCtx.destination); рисовать () функция дро () {WIDTH = canvas.width Height = canvas.height; requestAnimationFrame (нарисовать); analyser.getByteTimeDomainData (DataArray); canvasCtx.fillStyle = 'RGB (0, 0, 0)'; canvasCtx.fillRect (0, 0, ширина, высота); canvasCtx.lineWidth = 2,5; canvasCtx.strokeStyle = 'RGB (200, 200, 200)'; canvasCtx.beginPath (); вар sliceWidth = ШИРИНА * 1.0 / BufferLength; переменная х = 0; для (вар я = 0; я <BufferLength; я ++) {вар v = DataArray [I] / 128,0; переменная у = v * ВЫСОТА / 2; если (я === 0) {canvasCtx.moveTo (х, у); } Еще {canvasCtx.lineTo (х, у); } Х + = sliceWidth; } CanvasCtx.lineTo (canvas.width, canvas.height / 2); canvasCtx.stroke (); }} Window.onresize = функция () {canvas.width = mainSection.offsetWidth; } Window.onresize (); Таким образом, мой вопрос. Как добавить convolverNode на диктофон и как создать кнопку переключения (отключения звука), что позволяет мне слышать звуки, которые приходят через микрофон. Заранее спасибо.
AtomisedClarity
1

голосов
2

ответ
289

Просмотры

HTML-только резервный для MathML

MathML является веб-стандартом для написания математики в пути, который может быть легко увеличенную без pixellating (так же, как SVG), скопированная и вставленная, и читать чтения с экраном. Chrome отказываются реализовать его на том основании, что существует polyfill JavaScript. (Я не шучу.) Поддержка Эджа является "В настоящее время не планируется. Таким образом, это просто Safari и Firefox (и некоторые читатели EPub), которые поддерживают MathML. Учитывая, что реализация столь пятнистая, содержание нейтрализации 100% необходимо. Обычное решение для этого является MathJax; но это не работает для пользователей, которые имеют JavaScript отключены или, скорее, сломаны. Мы живем в эпоху, когда HTML легко позволяет резервное содержимое без JavaScript (см, и метки). Есть ли какой-нибудь способ сделать это для MathML?
Sora2455
1

голосов
2

ответ
32

Просмотры

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

У меня есть этот код HTML5: Красный Зеленый Синий Оранжевый и с ниже кодом им пытается очистить значение по умолчанию поля ввода при выборе опции «Orange» из выпадающего списка. $ ( "# Список") на ( "изменение", функция () {если (this.value === "Orange") {$ ( '# цена') Вал ( '');}}). Я не могу понять, почему это не работает! Что мне не хватает ?? JSFiddle Здесь
Designer
1

голосов
0

ответ
51

Просмотры

Кэш serviceworker в сочетании с кэш-приложение еще грузится как?

Я пишу PWA и просто попал в работник сферы обслуживания. Я реализовал кэш работника на основе, но когда мое приложение загружает, регулярный кэш манифеста на основе еще загружается клиент (последняя версия Chrome). Я подумал, что если работник службы загрузки кэша, то манифест будет игнорироваться? Есть ли способ, чтобы явно игнорировать манифест кэша, если работник может работать?
Mike D
1

голосов
0

ответ
321

Просмотры

Нарисуйте параллелограмм на холсте

Есть так много примеров рисовать прямоугольники с помощью мыши на холсте. Например, проверить это jsFiddle. Можно ли нарисовать параллелограмм? HTML JS initDraw (document.getElementById ( 'холст')); функционировать initDraw (холст) {функция setMousePosition (е) {вар эв = е || window.event; // Мос || Т.е. если (ev.pageX) {// Мос mouse.x = ev.pageX + window.pageXOffset; mouse.y = ev.pageY + window.pageYOffset; } Иначе, если (ev.clientX) {// И.Е. mouse.x = ev.clientX + document.body.scrollLeft; mouse.y = ev.clientY + document.body.scrollTop; }}; вар мыши = {х: 0, у 0, StartX: 0, startY: 0}; вар элемент = NULL; canvas.onmousemove = функция (е) {setMousePosition (е); если (элемент! == NULL) {element.style.width = Math.abs (mouse.x - mouse.startX) + 'точек'; element.style.height = Math.abs (mouse.y - mouse.startY) + 'точек'; element.style.left = (mouse.x - mouse.startX <0)? mouse.x + 'точек': mouse.startX + 'точек'; element.style.top = (mouse.y - mouse.startY <0)? mouse.y + 'точек': mouse.startY + 'точек'; }} Canvas.onclick = функция (е) {если (элемент == NULL) {элемент = NULL; canvas.style.cursor = "по умолчанию"; console.log ( "finsihed."); } Еще {console.log ( "началась."); mouse.startX = mouse.x; mouse.startY = mouse.y; Элемент = document.createElement ( 'DIV'); элемент. имя класса = 'прямоугольник' element.style.left = mouse.x + 'точек'; element.style.top = mouse.y + 'точек'; canvas.appendChild (элемент) canvas.style.cursor = "перекрестие"; }}} CSS #canvas {ширина: 2000px; высота: 2000px; граница: 10px твердый прозрачный; } .Rectangle {граница: 1px твердых # FF0000; позиция: абсолютная; } Я думаю, этот вопрос сам объяснительное. Добавление большего количества деталей, так что SO позволяет мне опубликовать этот запрос. Как я нарисовать параллелограмм с помощью мыши? высота: 2000px; граница: 10px твердый прозрачный; } .Rectangle {граница: 1px твердых # FF0000; позиция: абсолютная; } Я думаю, этот вопрос сам объяснительное. Добавление большего количества деталей, так что SO позволяет мне опубликовать этот запрос. Как я нарисовать параллелограмм с помощью мыши? высота: 2000px; граница: 10px твердый прозрачный; } .Rectangle {граница: 1px твердых # FF0000; позиция: абсолютная; } Я думаю, этот вопрос сам объяснительное. Добавление большего количества деталей, так что SO позволяет мне опубликовать этот запрос. Как я нарисовать параллелограмм с помощью мыши?
popeye
1

голосов
1

ответ
58

Просмотры

Как получить значение индекса вкладки dragable в angularjs с использованием html5

Я обнаружил красивое решение на dragable вкладок в angularjs из следующих ссылок угловых вкладок - сортировка / движимый Я реализовал это в моей странице. Но на обновления страницы он катиться спиной к предыдущему состоянию. Так что я планировал, чтобы сохранить или обновить значение индекса или изменить порядок уровня вкладок в базе данных, так что обновления страницы я могу устроиться правильно. Мой вопрос заключается в том, как получить измененное значение в нг-модели или переменной массива, который используется в нг-повтора. Я предоставлю свои коды ниже {{tab.Name}} Сохранить изменения и директива app.directive ( 'sortableTab', функция ($ таймаут, $ документ) {возвращение {ссылка: функция (сфера, элемент, ATTRS, контроллер) {// Попытка интеграции с ngRepeat вар матч = attrs.ngRepeat. матч (/ ^ \ с * ([\ s \ S] +) \ s + в \ s + ([\ s \ S] +) (?:? \ s + трек \ S + на \ х + ([\ s \ S] +)) \ s * $ /)?; Вкладки вар; . Объем $ (часы матч [2], функция (newTabs) {Вкладки = newTabs;}); . Вар индекс = сфера $ индекс; . Объем $ часы ( '$ индекс', функция (NewIndex) {индекс = NewIndex;}); . ATTRS $ множество ( 'перетаскиваемым', правда); // Облаченный в $ применяют так угловые реагирует на изменения Var wrappedListeners = {// По вопросу тащат dragstart: функция (е) {console.log (e.originalEvent.dataTransfer); e.originalEvent.dataTransfer.effectAllowed = 'движение'; e.originalEvent.dataTransfer.dropEffect = 'движение'; e.originalEvent.dataTransfer.setData ( 'приложения / JSON', индекс); element.addClass ( 'перетаскивания'); }, Dragend: функция (е) {//e.stopPropagation (); element.removeClass ( 'перетаскивания'); }, // На пункт тащат по / упал на DragEnter: функцию (е) {}, DragLeave: функция (е) {element.removeClass ( 'парить'); }, Падение: функция (е) {e.preventDefault (); e.stopPropagation (); вар sourceIndex = e.originalEvent.dataTransfer.getData ( 'приложения / JSON'); двигаться (sourceIndex, индекс); element.removeClass ( 'парения'); }}; // Для выполнения целей, не // вызывает $ применять для этого вара unwrappedListeners = {DragOver: функция (е) {e.preventDefault (); element.addClass ( 'парения'); } / * Используйте .hover вместо: парения. : Парить не очень хорошо играть с движущимися DOM из-под мышки при наведении указателя мыши * / MouseEnter: функция () {element.addClass ( «парения»); }, MouseLeave: функция () {element.removeClass ( 'парения'); }}; angular.forEach (wrappedListeners, функция (слушатель, событие) {element.on (событие, завернуть (слушатель));}); angular.forEach (unwrappedListeners, функция (слушатель, событие) {element.on (событие, слушатель);}); Функция обертка (п) {Функция возврата (е) {сфера $ применяется. (функция () {п (е);}); }; } Функция шаг (fromIndex, toIndex) {tabs.splice (toIndex, 0, tabs.splice (fromIndex, 1) [0]); }; }}}); При нажатии кнопки Сохранить изменения, я хочу, чтобы получить измененное значение TabIndex в «порядке» из вкладок массива. Любая надежда?
Nithin Mohan
1

голосов
0

ответ
34

Просмотры

Можно ли включать HTML события с Java?

Я буду называть функцию Java, чтобы загрузить файл на сервер один раз файл был изменен. Это возможно? Если это так, что мне делать, чтобы это сделать? Заранее спасибо.
MBJH
1

голосов
1

ответ
64

Просмотры

Отображение вывода команды UNIX в HTML-странице без какого-либо специального характера

У меня есть текстовый файл, содержащий вывод некоторых команд Unix. Теперь, когда я открываю файл в DOS командной строки, он отображается в правильном формате со всеми новыми линиями / закладками и т.д. Но когда я открываю файл в формате HTML с помощью IFRAME, он приходит в одной строке и особом характере между ними. Есть ли способ в HTML 5, чтобы показать эти специальные символы в фактическом формате. Средства новой линии, как только новая линия, а не какой-то особый характер. Заранее спасибо.
user3913069
1

голосов
0

ответ
17

Просмотры

Есть HTML-теги работа для отображения субтитров на родном iPhone плеере?

На моем сайте, у меня есть веб-страницу с видео-плеер Flowplayer. Мое видео содержит субтитры. Они форматируются HTML тегов, таких как или. Когда я пытаюсь просмотреть мое видео на iPhone с Safari, он является родным игроком iPhone, который начинается и форматирование не учитываются. Кто-нибудь знает, если родной iPhone плеер поддерживает субтитры теги для форматирования?
Andréa Cauchoix
1

голосов
0

ответ
18

Просмотры

Writer вертикально и разрыв Sentance после некоторой определенной высоты

введите описание изображения здесь ssdasdad sdadasd ssdasdad sdadasdssdasdad sdadasdssdasdad sdadasdssdasdad sdadasdssdasdad sdadasd X CSS .relative {позиция: относительная; } {Оболочка тд-преобразование координат: 0 50%; преобразования: поворот (-90deg); бело-пространство: Nowrap; Дисплей: блок; позиция: абсолютная; слева: 50%; внизу: -400px; } Это наш HTML strucuture и CSS. что делать, что тд в 2 линии. Для более подробной информации посетите: https://jsfiddle.net/nilang_nil/r4cq9u64/
Nilang
1

голосов
0

ответ
48

Просмотры

Позиционирование анимированного текста в CSS3

мой первый вопрос здесь. В первую очередь английский не является моим родным языком, поэтому будьте терпеливы, если я сделаю какую-то ошибку. Я нашел анимацию текста, который мне нравится, и я хотел бы добавить его на мой сайт, вот оригинальная версия: http://codepen.io/bennettfeely/pen/lgybC @import «компас / CSS3»; @import URL (https://fonts.googleapis.com/css?family=Finger+Paint); тело {фон: черный; переполнение: скрытый; Шрифт: 5vw / 100vh "Finger Paint"; выравнивания текста: центр; Цвет: прозрачный; противоположная сторона-видимость: скрытый; } {Оболочка дисплей: встроенный блок; Текст-тень: 0 0 0 WhiteSmoke; анимация: дымчатый 5s 3s обоих; } Продолжительность: п-й ребенок (даже) {имя-анимации: дымчато-зеркало; } @Keyframes дымный {60% {текст-тень: 0 0 40px WhiteSmoke; } До {преобразования: translate3d (15rem, -8rem, 0) вращаются (-40deg) skewX (70deg) шкала (1.5); Текст-тень: 0 0 20px WhiteSmoke; Непрозрачность: 0; }} @Keyframes дымчато-зеркалу {60% {текст-тень: 0 0 40px WhiteSmoke; } До {преобразования: translate3d (18rem, -8rem, 0) вращаются (-40deg) skewX (-70deg) шкала (2); Текст-тень: 0 0 20px WhiteSmoke; Непрозрачность: 0; }} $ @For пункт от 1 до 21 {пролета: п-о-типа (# {$ пункт}) {анимации задержка: # {(3 + ($ Пункта / 10))} s; }} CSS Smoky Text Effect Теперь, я хотел бы, что после первого слова / фразы исчезает еще один появляется вскоре после того, как в том же месте, используя эффект обратимой (от дымного облака появляются текст). Я попытался изменить CSS для того чтобы достигнуть того, что я описал выше, но без успеха. Вот мой отредактированный вариант: @import URL (http://fonts.googleapis.com/css?family=Finger+Paint); тело {фон: черный; переполнение: скрытый; Шрифт: 5vw / 100vh "Finger Paint"; выравнивания текста: центр; Цвет: прозрачный ;; противоположная сторона-видимость: скрытый; } {Оболочка .a дисплей: встроенный блок; Текст-тень: 0 0 0 WhiteSmoke; анимация: дымчатый 5s 3s обоих; } .A охватывают: (даже) {анимации имя-п-й ребенок: дымчато-зеркало; } @Keyframes дымный {60% {текст-тень: 0 0 40px WhiteSmoke; } До {преобразования: translate3d (15rem, -8rem, 0) вращения (-40deg) skewX (70deg) масштаб (1.5); Текст-тень: 0 0 20px WhiteSmoke; Непрозрачность: 0; }} @Keyframes дымчато-зеркалу {60% {текст-тень: 0 0 40px WhiteSmoke; } До {преобразования: translate3d (18rem, -8rem, 0) вращаются (-40deg) skewX (-70deg) шкала (2); Текст-тень: 0 0 20px WhiteSmoke; Непрозрачность: 0; }} .A период: п-го из-типа (1) {анимации задержки: 3.1s; } .A период: п-оф-типа (2) {анимации задержки: 3.2s; } .A охватывают: п-й-о-типа (3) {анимационной задержки: 3.3s; } .A охватывают: п-й-о-типа (4) {анимационной задержки: 3.4s; } .A охватывают: п-й-о-типа (5) {анимационной задержки: 3.5с; } .A охватывают: п-й-о-типа (6) {анимационной задержки: 3.6s; } .B Span {дисплей: встроенный блок; Текст-тень: 0 0 0 WhiteSmoke; анимация: дымчатый 5s 3s и наоборот; } .B период: п-й ребенок (даже) {имя-анимации: дымчато-зеркало; } @Keyframes дымный {60% {текст-тень: 0 0 40px WhiteSmoke; } До {преобразования: translate3d (15rem, -8rem, 0) вращения (-40deg) skewX (70deg) масштаб (1.5); Текст-тень: 0 0 20px WhiteSmoke; Непрозрачность: 0; }} @Keyframes дымчато-зеркалу {60% {текст-тень: 0 0 40px WhiteSmoke; } До {преобразования: translate3d (18rem, -8rem, 0) вращаются (-40deg) skewX (-70deg) шкала (2); Текст-тень: 0 0 20px WhiteSmoke; Непрозрачность: 0; }} .B SPAN: п-го из-типа (1) {анимации задержки: 3.1s; } .B период: п-го из-типа (2) {анимации задержки: 3.2s; } .B период: п-го из-типа (3) {анимации задержки: 3.3s; } .B период: п-го из-типа (4) {анимации задержки: 3.4s; } .B период: п-го из-типа (5) {анимации задержки: 3.5с; } .B период: п-го из-типа (6) {анимации задержки: 3.6s; } Smoky Текст Романья Как вы можете видеть, что что-то не так в моем редактируемого CSS, на самом деле, если отключить «переполнения: скрытый;» в элементе тела, вы увидите, что второе слово появляется в нижней части окна браузера, а не в том же месте первого слова. Имейте в виду, я хочу, чтобы добавить анимированный текст в заголовке моего сайта, так что я искал простой способ легко расположить слова. Есть ли кто-то хочет помочь мне? Заранее спасибо! 0; }} .B SPAN: п-го из-типа (1) {анимации задержки: 3.1s; } .B период: п-го из-типа (2) {анимации задержки: 3.2s; } .B период: п-го из-типа (3) {анимации задержки: 3.3s; } .B период: п-го из-типа (4) {анимации задержки: 3.4s; } .B период: п-го из-типа (5) {анимации задержки: 3.5с; } .B период: п-го из-типа (6) {анимации задержки: 3.6s; } Smoky Текст Романья Как вы можете видеть, что что-то не так в моем редактируемого CSS, на самом деле, если отключить «переполнения: скрытый;» в элементе тела, вы увидите, что второе слово появляется в нижней части окна браузера, а не в том же месте первого слова. Имейте в виду, я хочу, чтобы добавить анимированный текст в заголовке моего сайта, так что я искал простой способ легко расположить слова. Есть ли кто-то хочет помочь мне? Заранее спасибо! 0; }} .B SPAN: п-го из-типа (1) {анимации задержки: 3.1s; } .B период: п-го из-типа (2) {анимации задержки: 3.2s; } .B период: п-го из-типа (3) {анимации задержки: 3.3s; } .B период: п-го из-типа (4) {анимации задержки: 3.4s; } .B период: п-го из-типа (5) {анимации задержки: 3.5с; } .B период: п-го из-типа (6) {анимации задержки: 3.6s; } Smoky Текст Романья Как вы можете видеть, что что-то не так в моем редактируемого CSS, на самом деле, если отключить «переполнения: скрытый;» в элементе тела, вы увидите, что второе слово появляется в нижней части окна браузера, а не в том же месте первого слова. Имейте в виду, я хочу, чтобы добавить анимированный текст в заголовке моего сайта, так что я искал простой способ легко расположить слова. Есть ли кто-то хочет помочь мне? Заранее спасибо! п-оф-типа (1) {анимации задержки: 3.1s; } .B период: п-го из-типа (2) {анимации задержки: 3.2s; } .B период: п-го из-типа (3) {анимации задержки: 3.3s; } .B период: п-го из-типа (4) {анимации задержки: 3.4s; } .B период: п-го из-типа (5) {анимации задержки: 3.5с; } .B период: п-го из-типа (6) {анимации задержки: 3.6s; } Smoky Текст Романья Как вы можете видеть, что что-то не так в моем редактируемого CSS, на самом деле, если отключить «переполнения: скрытый;» в элементе тела, вы увидите, что второе слово появляется в нижней части окна браузера, а не в том же месте первого слова. Имейте в виду, я хочу, чтобы добавить анимированный текст в заголовке моего сайта, так что я искал простой способ легко расположить слова. Есть ли кто-то хочет помочь мне? Заранее спасибо! п-оф-типа (1) {анимации задержки: 3.1s; } .B период: п-го из-типа (2) {анимации задержки: 3.2s; } .B период: п-го из-типа (3) {анимации задержки: 3.3s; } .B период: п-го из-типа (4) {анимации задержки: 3.4s; } .B период: п-го из-типа (5) {анимации задержки: 3.5с; } .B период: п-го из-типа (6) {анимации задержки: 3.6s; } Smoky Текст Романья Как вы можете видеть, что что-то не так в моем редактируемого CSS, на самом деле, если отключить «переполнения: скрытый;» в элементе тела, вы увидите, что второе слово появляется в нижней части окна браузера, а не в том же месте первого слова. Имейте в виду, я хочу, чтобы добавить анимированный текст в заголовке моего сайта, так что я искал простой способ легко расположить слова. Есть ли кто-то хочет помочь мне? Заранее спасибо! 1s; } .B период: п-го из-типа (2) {анимации задержки: 3.2s; } .B период: п-го из-типа (3) {анимации задержки: 3.3s; } .B период: п-го из-типа (4) {анимации задержки: 3.4s; } .B период: п-го из-типа (5) {анимации задержки: 3.5с; } .B период: п-го из-типа (6) {анимации задержки: 3.6s; } Smoky Текст Романья Как вы можете видеть, что что-то не так в моем редактируемого CSS, на самом деле, если отключить «переполнения: скрытый;» в элементе тела, вы увидите, что второе слово появляется в нижней части окна браузера, а не в том же месте первого слова. Имейте в виду, я хочу, чтобы добавить анимированный текст в заголовке моего сайта, так что я искал простой способ легко расположить слова. Есть ли кто-то хочет помочь мне? Заранее спасибо! 1s; } .B период: п-го из-типа (2) {анимации задержки: 3.2s; } .B период: п-го из-типа (3) {анимации задержки: 3.3s; } .B период: п-го из-типа (4) {анимации задержки: 3.4s; } .B период: п-го из-типа (5) {анимации задержки: 3.5с; } .B период: п-го из-типа (6) {анимации задержки: 3.6s; } Smoky Текст Романья Как вы можете видеть, что что-то не так в моем редактируемого CSS, на самом деле, если отключить «переполнения: скрытый;» в элементе тела, вы увидите, что второе слово появляется в нижней части окна браузера, а не в том же месте первого слова. Имейте в виду, я хочу, чтобы добавить анимированный текст в заголовке моего сайта, так что я искал простой способ легко расположить слова. Есть ли кто-то хочет помочь мне? Заранее спасибо! п-оф-типа (3) {анимации задержки: 3.3s; } .B период: п-го из-типа (4) {анимации задержки: 3.4s; } .B период: п-го из-типа (5) {анимации задержки: 3.5с; } .B период: п-го из-типа (6) {анимации задержки: 3.6s; } Smoky Текст Романья Как вы можете видеть, что что-то не так в моем редактируемого CSS, на самом деле, если отключить «переполнения: скрытый;» в элементе тела, вы увидите, что второе слово появляется в нижней части окна браузера, а не в том же месте первого слова. Имейте в виду, я хочу, чтобы добавить анимированный текст в заголовке моего сайта, так что я искал простой способ легко расположить слова. Есть ли кто-то хочет помочь мне? Заранее спасибо! п-оф-типа (3) {анимации задержки: 3.3s; } .B период: п-го из-типа (4) {анимации задержки: 3.4s; } .B период: п-го из-типа (5) {анимации задержки: 3.5с; } .B период: п-го из-типа (6) {анимации задержки: 3.6s; } Smoky Текст Романья Как вы можете видеть, что что-то не так в моем редактируемого CSS, на самом деле, если отключить «переполнения: скрытый;» в элементе тела, вы увидите, что второе слово появляется в нижней части окна браузера, а не в том же месте первого слова. Имейте в виду, я хочу, чтобы добавить анимированный текст в заголовке моего сайта, так что я искал простой способ легко расположить слова. Есть ли кто-то хочет помочь мне? Заранее спасибо! } .B период: п-го из-типа (6) {анимации задержки: 3.6s; } Smoky Текст Романья Как вы можете видеть, что что-то не так в моем редактируемого CSS, на самом деле, если отключить «переполнения: скрытый;» в элементе тела, вы увидите, что второе слово появляется в нижней части окна браузера, а не в том же месте первого слова. Имейте в виду, я хочу, чтобы добавить анимированный текст в заголовке моего сайта, так что я искал простой способ легко расположить слова. Есть ли кто-то хочет помочь мне? Заранее спасибо! } .B период: п-го из-типа (6) {анимации задержки: 3.6s; } Smoky Текст Романья Как вы можете видеть, что что-то не так в моем редактируемого CSS, на самом деле, если отключить «переполнения: скрытый;» в элементе тела, вы увидите, что второе слово появляется в нижней части окна браузера, а не в том же месте первого слова. Имейте в виду, я хочу, чтобы добавить анимированный текст в заголовке моего сайта, так что я искал простой способ легко расположить слова. Есть ли кто-то хочет помочь мне? Заранее спасибо! увидит, что второе слово появляется в нижней части окна браузера, а не в том же месте первого слова. Имейте в виду, я хочу, чтобы добавить анимированный текст в заголовке моего сайта, так что я искал простой способ легко расположить слова. Есть ли кто-то хочет помочь мне? Заранее спасибо! увидит, что второе слово появляется в нижней части окна браузера, а не в том же месте первого слова. Имейте в виду, я хочу, чтобы добавить анимированный текст в заголовке моего сайта, так что я искал простой способ легко расположить слова. Есть ли кто-то хочет помочь мне? Заранее спасибо!
John Shot
1

голосов
0

ответ
30

Просмотры

Ajax вызов сбросив якоря теги

Я ток есть страница, которая отображается сверху вниз: отзывчивая таблица, содержащей список классов моей компания предлагает, карту с указанием расположения каждого класса, и повестка дня для класса. Мой работодатель хотел бы, чтобы я добавить ссылку на якорь в другой странице, которая связывает непосредственно с повесткой дня части страницы. Вопрос, который является то, что, когда якорь нажат, то пользователь будет перенаправлен на повестку (желаемый результат), но затем Ajax вызов к серверу заканчивается, и таблица выше расширяется и толкают программу вниз. Я попытался обернуть таблицу в DIV с расчетной высотой на основе содержимого таблицы, но мин-высота, кажется, применяется после того, как факт. Вот гиперссылка на якорь ссылка: //www.grastontechnique. ком / клиницисты / M1_Trainings # m1-тренинг-я повестка дня будет также включать фрагменты кода, относящиеся к таблице и Ajax звонки. Вот вызов к серверу $ scope.loadData = функция () {$ .ajax ({URL: '@ Url.Action ( "getTrainings", "Врачам")', данные: { "trainingType": "M1"} , успех: функция (данные) {NewData = JSON.parse (данные) индекс = 0; tableHeight = 77; trainingsTable = document.getElementById ( "m1-тренинги стол-контейнер"); NewData [ "записи"] Foreach (. функция (объект) {если (NewData [ "записи"] [индекс] [ "Early_Bird_Discount_Amount__c"]> 0) {tableHeight + = 141; } Еще {tableHeight + = 125; } NewData [ "запись"] [индекс] .firstDayStartTime = BuildTimeString (новая Дата ((NewData [ "запись"] [индекс] [ "First_Day_Start__c"]. Ломтик (0, -9) + "Z"). Заменить (» + '' '))). NewData [ "запись"] [индекс] = .firstDayEndTime BuildTimeString (новая дата ((NewData [ "запись"] [индекс] [ "First_Day_End__c"]. ломтик (0, -9) + "Z"). заменить ( '+ '' '))). NewData [ "запись"] [индекс] = .lastDayStartTime BuildTimeString (новая дата ((NewData [ "запись"] [индекс] [ "Final_Day_Start__c"]. ломтик (0, -9) + "Z"). заменить ( '+ '' '))). NewData [ "запись"] [индекс] = .lastDayEndTime BuildTimeString (новая дата ((NewData [ "запись"] [индекс] [ "Final_Day_End__c"]. ломтик (0, -9) + "Z"). заменить ( '+ '' '))). NewData [ "запись"] [индекс] [ "First_Day_Start__c"] = новая Дата ((NewData [ "записи"] [индекс] [ "First_Day_Start__c"]. ломтик (0, -9) + "Z"). заменить (» .. + '' ')) toDateString (); NewData [ "запись"] [индекс] [ "Final_Day_Start__c"] = новая Дата ((NewData [ "записи"] [индекс] [ "Final_Day_Start__c"]. ломтик (0, -9) + "Z"). заменить (» .. + '' ')) toDateString (); Индекс + = 1; }); trainingsTable.style.minHeight = tableHeight + " Venue_State__c}} Место: {{training.Venue_Name__c}} {{training.Venue_Street_Address_1__c}} {{training.Venue_City__c}}, {{training.Venue_State__c}} {{}} training.Venue_Postal_Code__c Даты: Закрытие Вскоре Лист ожидания Early Bird Special : Сохранить $ {{training.Early_Bird_Discount_Amount__c}}! {{Training.First_Day_Start__c}} {{обучение. firstDayStartTime}} - {{training.firstDayEndTime}} {{training.Final_Day_Start__c}} {{training.lastDayStartTime}} - {{}} training.lastDayEndTime Регистрация Любая помощь будет высоко оценен. Дэнни Д. lastDayEndTime}} Регистрация Любая помощь будет принята с благодарностью. Дэнни Д. lastDayEndTime}} Регистрация Любая помощь будет принята с благодарностью. Дэнни Д.
DannyD
1

голосов
1

ответ
29

Просмотры

установка карты на сайте

У меня есть имидж страны, для моего сайта. Есть ли способ, я могу добавить точки в различные области на карте, связывающей его с изображением местоположения с пунктом объясняющего о месте? Например нажмите на Бангкок на карте, которая приведет вас к изображению и пункт с кратким описанием города. Каждый раз, когда я ищу онлайн для ответа единственное, что продолжает придумывать в Google карты. Что не хочу я хочу! заранее спасибо
Simon Tough
0

голосов
1

ответ
14

Просмотры

Как вращать / преобразования изображения с помощью клавиш со стрелками

Я относительно новый на холст, и я пытаюсь сделать игру типа космического корабля. У меня есть все остальное я хотел бы вниз, для самого корабля Тьюринга за исключением. Я хочу, чтобы сделать изображение поворота корабля, когда клавиши со стрелками щелкнул. Так что, если стрелку влево нажата, она превратится перед левой и правой клавиши со стрелкой нажата она повернет к лицу право, и так далее. Я действительно не могу понять это, если кто-то может показать мне, как это сделать, я бы действительно apperciate его. вар холст = document.getElementById ( 'холст'); Контекст переменная = canvas.getContext ( '2d'); / * Переменная для хранения оценки * / вар оценка = 0; / * Переменная, которая хранит игроки свойства объекта * / переменная х = 50; вар у = 100; Скорость вар = 6; вар = 50 длиной стороны; / * Флаги для отслеживания, когда нажатие клавиши активна * / вар вниз = ложь; вар вверх = ложь; вар слева = ложь; вар вправо = ложь; / * Переменные, которые хранят конечное положение и размер * / вар targetX = 0; вар targetY = 0; вар targetLength = 25; / * Если число находится в пределах диапазона В до С * / функции isWithin (а, б, в) {возвращение (а> Ь && а <с)} переменная CountDown = 30; / * Id отслеживать установленное время * / вар ID = NULL; / * Прослушивание если одна из клавиш нажата * / canvas.addEventListener ( 'KeyDown', функция (событие) {event.preventDefault (); console.log (event.key, event.keyCode), если (event.keyCode === 40) {вниз = TRUE;} если (event.keyCode === 38) {до = TRUE;} если (event.keyCode === 37) {левый = TRUE;} если (event.keyCode == = 39) {вправо = TRUE;}}); / * Listening для если один из ключей выделяется * / canvas.addEventListener ( 'KeyUp', функция (событие) {событие. preventDefault (); console.log (event.key, event.keyCode); если (event.keyCode === 40) {вниз = ложь; } Если (event.keyCode === 38) {вверх = ложь; } Если (event.keyCode === 37) {левый = ложь; } Если (event.keyCode === 39) {вправо = ложь; }}); / * Функция, чтобы показать меню * / меню функции () {удалить (); context.fillStyle = '# 000000'; context.font = '36px Arial'; context.textAlign = 'центр'; context.fillText ( 'Собирают Вещь', canvas.width / 2, canvas.height / 4); context.font = '30px Arial'; context.fillText ( 'Нажмите Пуск', canvas.width / 2, canvas.height / 2); / * Прослушайте Нажмите, чтобы начать игру * / canvas.addEventListener ( 'нажмите', StartGame); } / * Функция для запуска игры * / функция StartGame () {/ * уменьшить таймер обратного отсчета каждый 1 второй * / ID = setInterval (функция () {countDown--;}, 1000) / * удалить кликах * / холст .removeEventListener ( 'щелчок', StartGame); moveTarget (); рисовать(); } / * Показать игру через экран * / функция EndGame () {/ * остановить отсчет * / clearInterval (ID); / * Ясно игровое поле * / Стирание (); context.fillStyle = '# 000000'; context.font = '36px Arial'; context.textAlign = 'центр'; context.fillText ( 'Финале Счет:' + оценка, canvas.width / 2, canvas.height / 4); } / * Перемещение мишени в случайном месте в полотне * / функция moveTarget () {targetX = Math.round (Math.random () * canvas.width - targetLength); targetY = Math.round (Math.random () * холст. высота - targetLength); } / * Очистить Холст * / Функция стирания () {context.fillStyle = '#FFFFFF'; context.fillRect (0, 0, 600, 500); } / * Основной цикл анимации рисунка с игровой логикой * / функция дро () {стереть (); / * Перемещение игрока Sqaure * / если (вниз) {у + = скорость; } Если (вверх) {у - = скорость; } Если (справа) {х + = скорость; } Если (слева) {х - = скорость; } Если (у + длина стороны> canvas.height) {у = canvas.height - длина стороны; } Если (у <0) {у = 0; } Если (х <0) {х = 0; } Если (х + длина сторона> canvas.width) {х = canvas.width - длина стороны; } / * Сталкиваются с мишенью * / если (isWithin (targetX, х, х + длиной стороны) || isWithin (targetX + targetLength, х, х + длиной стороны)) {если (isWithin (targetY, у, у + длина стороны) || isWithin (targetY + targetLength, у, у + длина стороны)) {/ * респаун цель в случайном месте * / moveTarget (); / * Увеличение счет на 1 * / оценке ++; }} // Draw объект игрока context.fillRect (х, у, длина сторона, длина сторона); context.drawImage (baseImage, х, у, длина сторона, длина стороны); / * Draw цель Sqaure * / context.fillStyle = '# 00FF00'; context.fillRect (targetX, targetY, targetLength, targetLength); // Таймер и оценка context.fillStyle = '# 000000'; context.font = '24px Arial'; context.textAlign = 'левый'; context.fillText ( 'Счет:' + оценка, 10, 24); context.fillText ( 'Остаток времени:' + CountDown, 10, 50); если (Отсчет у + длина стороны) || isWithin (targetY + targetLength, у, у + длина стороны)) {/ * респаун цель в случайном месте * / moveTarget (); / * Увеличение счет на 1 * / оценке ++; }} // Draw объект игрока context.fillRect (х, у, длина сторона, длина сторона); context.drawImage (baseImage, х, у, длина сторона, длина стороны); / * Draw цель Sqaure * / context.fillStyle = '# 00FF00'; context.fillRect (targetX, targetY, targetLength, targetLength); // Таймер и оценка context.fillStyle = '# 000000'; context.font = '24px Arial'; context.textAlign = 'левый'; context.fillText ( 'Счет:' + оценка, 10, 24); context.fillText ( 'Остаток времени:' + CountDown, 10, 50); если (Отсчет у + длина стороны) || isWithin (targetY + targetLength, у, у + длина стороны)) {/ * респаун цель в случайном месте * / moveTarget (); / * Увеличение счет на 1 * / оценке ++; }} // Draw объект игрока context.fillRect (х, у, длина сторона, длина сторона); context.drawImage (baseImage, х, у, длина сторона, длина стороны); / * Draw цель Sqaure * / context.fillStyle = '# 00FF00'; context.fillRect (targetX, targetY, targetLength, targetLength); // Таймер и оценка context.fillStyle = '# 000000'; context.font = '24px Arial'; context.textAlign = 'левый'; context.fillText ( 'Счет:' + оценка, 10, 24); context.fillText ( 'Остаток времени:' + CountDown, 10, 50); если (Отсчет у + длина стороны)) {/ * респаун цель в случайном месте * / moveTarget (); / * Увеличение счет на 1 * / оценке ++; }} // Draw объект игрока context.fillRect (х, у, длина сторона, длина сторона); context.drawImage (baseImage, х, у, длина сторона, длина стороны); / * Draw цель Sqaure * / context.fillStyle = '# 00FF00'; context.fillRect (targetX, targetY, targetLength, targetLength); // Таймер и оценка context.fillStyle = '# 000000'; context.font = '24px Arial'; context.textAlign = 'левый'; context.fillText ( 'Счет:' + оценка, 10, 24); context.fillText ( 'Остаток времени:' + CountDown, 10, 50); если (Отсчет у + длина стороны)) {/ * респаун цель в случайном месте * / moveTarget (); / * Увеличение счет на 1 * / оценке ++; }} // Draw объект игрока context.fillRect (х, у, длина сторона, длина сторона); context.drawImage (baseImage, х, у, длина сторона, длина стороны); / * Draw цель Sqaure * / context.fillStyle = '# 00FF00'; context.fillRect (targetX, targetY, targetLength, targetLength); // Таймер и оценка context.fillStyle = '# 000000'; context.font = '24px Arial'; context.textAlign = 'левый'; context.fillText ( 'Счет:' + оценка, 10, 24); context.fillText ( 'Остаток времени:' + CountDown, 10, 50); если (Отсчет / * Увеличение счет на 1 * / оценке ++; }} // Draw объект игрока context.fillRect (х, у, длина сторона, длина сторона); context.drawImage (baseImage, х, у, длина сторона, длина стороны); / * Draw цель Sqaure * / context.fillStyle = '# 00FF00'; context.fillRect (targetX, targetY, targetLength, targetLength); // Таймер и оценка context.fillStyle = '# 000000'; context.font = '24px Arial'; context.textAlign = 'левый'; context.fillText ( 'Счет:' + оценка, 10, 24); context.fillText ( 'Остаток времени:' + CountDown, 10, 50); если (Отсчет / * Увеличение счет на 1 * / оценке ++; }} // Draw объект игрока context.fillRect (х, у, длина сторона, длина сторона); context.drawImage (baseImage, х, у, длина сторона, длина стороны); / * Draw цель Sqaure * / context.fillStyle = '# 00FF00'; context.fillRect (targetX, targetY, targetLength, targetLength); // Таймер и оценка context.fillStyle = '# 000000'; context.font = '24px Arial'; context.textAlign = 'левый'; context.fillText ( 'Счет:' + оценка, 10, 24); context.fillText ( 'Остаток времени:' + CountDown, 10, 50); если (Отсчет / * Draw цель Sqaure * / context.fillStyle = '# 00FF00'; context.fillRect (targetX, targetY, targetLength, targetLength); // Таймер и оценка context.fillStyle = '# 000000'; context.font = '24px Arial'; context.textAlign = 'левый'; context.fillText ( 'Счет:' + оценка, 10, 24); context.fillText ( 'Остаток времени:' + CountDown, 10, 50); если (Отсчет / * Draw цель Sqaure * / context.fillStyle = '# 00FF00'; context.fillRect (targetX, targetY, targetLength, targetLength); // Таймер и оценка context.fillStyle = '# 000000'; context.font = '24px Arial'; context.textAlign = 'левый'; context.fillText ( 'Счет:' + оценка, 10, 24); context.fillText ( 'Остаток времени:' + CountDown, 10, 50); если (Отсчет
cds1170
1

голосов
1

ответ
336

Просмотры

Могу ли я установить минимальный и максимальный атрибут для ввода даты в jsonschema-форме Lib?

Я использую jsonschema-формы LIB, и я хотел бы установить минимальное и максимальное дату в моем поле ввода. Как поясняется в W3C документации, в HTML5 мин и макс являются атрибутами элемента ввода. JsonSchema Я использую очень просто: { «Название»: «Дата и время виджеты», «типа»: «объект», «свойство»: { «родное»: { «Название»: «Родной» тип» «: "объект", "свойства": { "Date": { "типа": "строка", "Формат": "Date"}}}} в UISchema это: { "альтернатива": { "альт-дата" : { "УИ: виджет": "альт-дата" }}} Можно ли установить минимальный и максимальный атрибут для ввода даты в jsonschema-форме Lib? Если да, то как это сделать?
Insoft
1

голосов
1

ответ
29

Просмотры

передавая переменную в имени атрибута в HTML

Этот код выводит другой вопрос из БД до тех пор, пока цикл не закончится с параметрами McQ типа радио: $ SQL = "SELECT * FROM вопросы WHERE` type` IN ( '" .implode ( " ''"., $ fin_element)"') «; $ Результат = $ conn-> запроса ($ SQL); если ($ result-> num_rows> 0) {// выходные данные каждой строки в то время как ($ строка = $ result-> FETCH_ASSOC ()) {эхо ""; эхо "Q:". $ Строки [ "question_name"]. ""; эхо "". $ строки [ "answer1"]. "". ""; эхо "". $ строки [ "Ответ2"]. "". ""; эхо "". $ строки [ "answer3"]. "". ""; эхо "". $ строки [ "Ответ4"]. "". ""; }} Еще {эхо "0 результатов"; }, Но здесь каждые варианты каждого вопроса имеют один и тот же атрибут имени только Question1, но я хочу, чтобы на следующий вопрос имя атрибут должен измениться на question2 и так далее. Пожалуйста помоги
andro3
1

голосов
2

ответ
35

Просмотры

TextArea предложить ранее введенные значения

Я хочу, чтобы текстовое поле, чтобы предложить ранее введенные значения, что-то подобное тому, что мы имеем для текстового поля. Есть ли способ, это можно сделать с помощью любого HTML свойства или JS. Я не хочу, чтобы сохранить предыдущие значения в любом массиве или локальном хранилище, все должно поддерживаться браузером.
Abha
1

голосов
1

ответ
21

Просмотры

Проблемы Центрирование элементов и создание коробки

Я строю немного играть HTML страницу как я учу себя, как код. Я наблюдал несколько пошагового руководство видео и хочу, чтобы включить то, что я узнал без просмотра видео, так что он прилипает лучше. Вот образ того, что я имею дело с. Я хочу, чтобы эти три раздела, «Learn HTML», «Учись CSS3» и «Learn Javascript», чтобы быть в центре страницы. Я создал тег центрировать все на странице под витриной и 3 отдельно для каждой коробки. Моя проблема заключается в два раза, не только пограничные коробки не центрирования на странице, но коробки даже не появляются. Вот код ... тело {фонового цвета: # FFFAF0; черный цвет; семейство шрифтов: Garamond; начертание шрифта: нормальный; Маржа: 0; высота строки: 1.6em; обивка: 0; } .Container {ширина: 80%; Маржа: авто; переполнение: скрытый; } #Topheader {фонового цвета: # 228B22; белый цвет; Маржа: авто; обивка: 15px; выравнивания текста: центр; } {#Navbar цвет фона: черный; белый цвет; } {#Navbar уль обивка: 0; список-стиль: нет; } {#Navbar литий дисплей: встроенный; Маржа: авто; обивка-направо: 50px; выравнивания текста: центр; } #Navbar в {цвет: белый; текст-отделка: нет; } {#Showcase фоновое изображение: URL ( '../ кодирование / codage.png'); фон положение: в центре справа; мин-высота: 300px; край дно: 30px; выравнивания текста: центр; белый цвет; } #Main {ширина: 33,3% обивка: 10px; Маржа: авто; } {.Top с плавающей точкой: слева; границы: 3px черный; коробчатого проклейки: граница-бокс; выравнивания текста: центр; } Как создать сайт самостоятельно Изучение HTML5 и CSS3 Home Learning HTML5 CSS3 обучения О нас Как научиться создавать веб-сайт с нуля! Код Будущее! Подробнее HTML5 Шаг 1 - Смотреть Учебники Шаг 2 - Take Notes Шаг 3 - Повторяйте, пока он не тонет в ЖЖ CSS3 Шаг 1 - Часы Учебники Шаг 2 - Возьмите Примечания Шаг 3 - Повторите, пока он не тонет в ЖЖ Javascript Шаг 1 - Часы Учебники Шаг 2 - Делайте заметки Шаг 3 - Повторяйте, пока он не тонет в
Brian M.
1

голосов
3

ответ
609

Просмотры

Получить несколько входов пользователей в одном поле формы

Я пытаюсь сделать поля формы, которая запрашивает у пользователя, какие страны он побывал, и ограничить это до 10. Таким образом, пользователь должен дать десять входов в одном поле формы. Но когда я нажимаю на кнопку отправки не позволит пользователю ввести второй раз. Он просто вызывает функцию, которая отображает первую страну, что пользователь вошел. Как сохранить значения пользователя вводит в поле формы и когда пользователь вошел во всех десяти стран, а затем нажмите на представить, чтобы вызвать функцию, которая будет отображать все страны? Функция validateForm () {вар повтор = новый Array (); для (я = 0; г <10; я ++). {вар х = document.forms [ "Form1"] [ "страны"] значение; repeat.push (х); } Document.write (повтор); } Введите страны: Он продолжает отображать эту одну страну пользователь вошел в 10 раз,
theusualfellow
1

голосов
2

ответ
33

Просмотры

входное поле не eeditable в мобильном зрения

Я сделал простую форму, вы можете проверить его на http://bspldev.review/phpmailer/, используя bootsrap оборотный штраф на рабочем столе, но на мобильном поле ввода имени и электронной почты не редактируется, что мы ничего не можем написать, только мобильное поле работает в мобильном режиме, здесь просто код формы, у меня есть дать соответствующие ссылки для начальной загрузки и библиотеки Jquery в заголовке, здесь я дам отрывок из формы только Имя мобильного +91 Email расписания Пожалуйста, проверьте это на мобильном телефоне и любезно предложить мне какие-то решения
Shahbaz Khan
1

голосов
4

ответ
47

Просмотры

CSS - установить различные стили других узлов, где применяется класс

Я пытался установить различные стили к одному классу (если он появляется во второй раз в разметке), используя Последующий-родственный комбинатор «~», но кажется, что это не работает, может быть, я опускаю деталь с использованием «~», также ... к сожалению, я не могу изменить HTML, поскольку он порождается СМ Red 3 Blue 4, и это CSS .root> .container> .mosaic.big {цвета: красный}. корень> .container> .mosaic.big ~ .root> .container> .mosaic.big {цвет: синий} также ... вот jsfiddle https://jsfiddle.net/chinoche/wd1rhg11/ Спасибо заранее
chinoche
1

голосов
2

ответ
34

Просмотры

Ширина изображения решений сети для мобильного и настольного зрения

HELP.ive искал много о том, как кодировать изображения, где он может перекрывать поля на странице в сети solutions.im не так хорошо, но пока поверьте мне я ночевал уже методом проб и ошибок, и им не так хорошо еще, особенно в css.and им не с помощью мобильного зрения на сайте им делать, но это возможно, что, если есть код ширины изображения, как он будет расширить с обоих концов экрана, но он будет автоматически изменять размер, чтобы поместиться в мобильный режим просмотра мольбы sombedy помочь это мой последний кодирования, который в штрафной work.Please помочь мне мой попытался код: # отзывчивым-образ {ширина: 100%; высота: авто; } КАРТИНА Я хочу БЫВАЕТ:
marv
1

голосов
0

ответ
31

Просмотры

With flexbox aligned center, why aren't children also aligned vertically centered? [duplicate]

This question already has an answer here: Proper use of flex properties when nesting flex containers 1 answer How to vertically align text inside a flexbox? 6 answers See the following: .header { background-color: black; height: 100px; min-height: 100px; display: flex; box-sizing: border-box; align-items: center; } .itemLeft { background-color: yellow; box-sizing: border-box; width: 50%; padding-left: 20px; padding-right: 20px; padding-top: 18px; padding-bottom: 18px; } .logo { font-size: 32px; background: green; } small { background: Red; } .itemRight { background-color: darkgoldenrod; box-sizing: border-box; width: 50%; padding-left: 20px; padding-right: 20px; padding-top: 18px; padding-bottom: 18px; } Logo tag Menu See the code snippet, why isn't tag also being vertically aligned to the vertical center of the div? My goal is for Logo and Tag to both be vertically aligned in the center of the yellow div. Thanks for any tips.
AnnaSm
1

голосов
2

ответ
39

Просмотры

HTML5 canvas random shapes

Хорошо, так что я написал следующий код в онлайн-код: window.onload = функция () {вар холст = documentById ( «canvasArea»); Контекст переменная = canvas.getContex ( "2d"); вар numCircles = 500; вар maxRadius = 20; вар minRadius = 3; вар цвет = [ «красный», «апельсин», «желтый», «зеленый», «синий», «фиолетовый», «черный», «серебро», «золото», «лазурь», «каштановый», «фора », "розовый", "темно-синий", "лайм", "голубой", "малиновый", "Фушия", "чирок", "оливковый"]; вар numColors = colors.length; для (вар п = 0, N <numCircles, N ++) {вар XPOS = Math.random () * canvas.width; вар YPOS = Math.random () * canvas.height; Радиус вар = minRadius + (Math. случайным образом () * (maxRadius - minRadius)); вар ColorIndex = Math.random () * (numColors - 1); ColorIndex = Math.round (ColorIndex); вар цвет = цвет [ColorIndex]; DrawCircle (контекст, XPOS, YPOS, радиус, цвет); }}; Функция DrawCircle (контекст, XPOS, YPOS, радиус, цвет) {вар StartAngle = (Math.PI / 180) * 0; вар endAngle = (Math.PI / 180) * 360; context.shadowColor = "серого"; context.shadowOffsetX = 1; context.shadowOffsetY = 1; context.shadowBlur = 5; context.beginPath (); context.arc (XPOS, YPOS, радиус, StartAngle, endAngle, ложь); context.fillStyle = цвет; context.fill (); } Следующий код должен генерировать случайные круги, но область холста всегда оказывается пустой. Может кто-то помочь мне, пожалуйста? Спасибо. Это маркер из книги под названием «HTML5 для чайников.
Rolly Itimbien
1

голосов
1

ответ
163

Просмотры

srcset реагирующие изображения внутри мульти макет колонки

У меня есть изображения внутри HTML-статьи, которая устанавливается в столбцах с использованием колонки ширины атрибута, закрепленного на содержащий DIV. Я добавил srcset для reponsive изображений, который работает отлично, за исключением загружает наибольшее изображение на основе ширину контейнера DIV не меньше изображений на основе ширину столбцов. В некоторых случаях эта статья отображается без колонн, так что я в надежде на то же srcset изображение может обслужить для обеих ситуаций. Есть ли способ сделать srcset выбрать размер изображений меньше, когда его показ контента в неподвижном с колоннами?
xmxmxmx

Просмотр дополнительных вопросов

Связанные вопросы