Jump to content

Javascript breaks my validation

Whether you're a seasoned veteran or a struggling beginner, Web Radiance is the web development and web design forum for you. You'll find answers to all your HTML, CSS, SEO, and Programming needs. Pull up a chair and stay awhile.

  • (2 Pages)
  • +
  • 1
  • 2
  • You cannot start a new topic
  • You cannot reply to this topic

Javascript breaks my validation Rate Topic: -----

#1 User is offline   Beavis 

  • W.R. Corporal
  • Group: Members
  • Posts: 167
  • Joined: 24-March 08

Post icon  Posted 02 June 2008 - 05:56 AM

I would really like to use the Accordion Content script (v1.3) from Dynamic Drive,
specifically the second of the two examples
http://www.dynamicdrive.com/dynamicindex17...echnology=0,1,2

However I always strive to have zero validation errors in my code and there are just two things
that break my script here.

1) One is this statement in the header section of the page.
togglehtml: ["prefix", "<img src='http://i13.tinypic.com/80mxwlz.gif' /> ", "<img src='http://i18.tinypic.com/6tpc4td.gif' /> "],

The XHTML validator complains about using the "img" tags PLUS lack of "alt" tags.

2) Second is this bit of code in the body
<a href="#" onClick="ddaccordion.collapseall('technology'); return false">Collapse all</a> | <a href="#" onClick="ddaccordion.expandall('technology'); return false">Expand all</a>

It doesnt like the "onClick attribute.


Any suggestions on how to nix one or both of these validation problems would be appreciated.
0

#2 User is offline   marcamos 

  • W.R. General
  • Group: Administrators
  • Posts: 2,849
  • Joined: 04-April 06
  • Gender:Male
  • Location:Massachusetts - USA

Posted 02 June 2008 - 06:35 AM

Honestly, you should use something like jQuery to get the accordion effect. It is modern-day JavaScript and none of it will create validation errors. It uses DOM events to trigger animations, effect, etc., rather than deprecated attributes such as onclick, onmouseover, etc. In fact, I use the accordion effect on my own site, using jQuery (http://www.bostonwebstudio.com/). Here's a few resource links:

- http://docs.jquery.com/UI/Accordion
- http://www.bostonwebstudio.com/ (Simply view my source to see the few jQuery-related files I include in my head element, plus the other markup and CSS needed to make it work.)
0

#3 User is offline   haku 

  • 日本語 Ninja
  • Group: Members
  • Posts: 652
  • Joined: 21-September 07
  • Gender:Male
  • Location:Yokohama, Japan

Posted 02 June 2008 - 08:07 AM

I think that if you move your javascript to an external file, the parser only reads the source tag that calls the javascript, not the contents of the file. So issues like this won't be issues!

Although.... any errors in code you insert into your document using javascript will still be errors once they have been inserted.
<a href="http://www.jaypan.com" target="_blank">Jaypan</a>
<a href="http://www.dudes-japan.com" target="_blank">Dudes Japan</a>
0

#4 User is offline   Catalyst 

  • Codesmith
  • Group: Administrators
  • Posts: 1,049
  • Joined: 04-April 06
  • Gender:Male
  • Location:San Diego

Posted 02 June 2008 - 02:22 PM

It doesn't like onClick because it's in camel case, just change it to onclick. For the img validation error, that's just the validator not being smart enough to realize that the img is inside some jscript. Ignore it or move your jscript into an external file as haku mentioned.

And as Marc said jQuery has some builtin support for this.
0

#5 User is offline   Beavis 

  • W.R. Corporal
  • Group: Members
  • Posts: 167
  • Joined: 24-March 08

Posted 02 June 2008 - 07:00 PM

Thanks guys.
Finally got it to work pretty much as I wanted, validation error free!

I`ll try to learn more about JQuery
because I`m a fan of DOM methods and valid coding.

A couple of books on Amazon that look interesting.
http://www.amazon.com/jQuery-Action-Bear-B...1036&sr=1-1
http://www.amazon.com/Learning-jQuery-Inte...1036&sr=1-2

I seem to pick up things better from books rather than web tutorials.
0

#6 User is offline   Catalyst 

  • Codesmith
  • Group: Administrators
  • Posts: 1,049
  • Joined: 04-April 06
  • Gender:Male
  • Location:San Diego

Posted 02 June 2008 - 10:17 PM

I have the first book, it's pretty good.
0

#7 User is offline   TJSingleton 

  • Allegedly Legendary
  • Group: Members
  • Posts: 517
  • Joined: 31-July 06
  • Location:Winder, GA

Posted 13 June 2008 - 08:24 PM

Hate to ring the standards bell, but inline event handlers should be avoided if possible.

Here is a link to an article on the subject of separating behavior from structure.
0

#8 User is offline   benbacardi 

  • Administrator
  • Group: Administrators
  • Posts: 1,140
  • Joined: 06-April 06
  • Gender:Male
  • Location:United Kingdom

Posted 14 June 2008 - 04:05 AM

Erm... where is a link? :P
0

#9 User is offline   TJSingleton 

  • Allegedly Legendary
  • Group: Members
  • Posts: 517
  • Joined: 31-July 06
  • Location:Winder, GA

Posted 14 June 2008 - 06:30 AM

James was distracting me on skpye --> http://www.digital-web.com/articles/separa...nd_structure_2/
0

#10 User is offline   haku 

  • 日本語 Ninja
  • Group: Members
  • Posts: 652
  • Joined: 21-September 07
  • Gender:Male
  • Location:Yokohama, Japan

Posted 16 June 2008 - 08:53 PM

I agree with not using inline event handlers. Much nicer to have it all external, although it requires more code to set up the event handler.
<a href="http://www.jaypan.com" target="_blank">Jaypan</a>
<a href="http://www.dudes-japan.com" target="_blank">Dudes Japan</a>
0

#11 User is offline   Rob Kaper 

  • W.R. Corporal
  • Group: Members
  • Posts: 97
  • Joined: 19-July 08
  • Gender:Male
  • Location:Rotterdam, NLD

Posted 19 July 2008 - 02:56 PM

View PostBeavis, on Jun 2 2008, 12:56 PM, said:

1) One is this statement in the header section of the page.
togglehtml: ["prefix", "<img src='http://i13.tinypic.com/80mxwlz.gif' /> ", "<img src='http://i18.tinypic.com/6tpc4td.gif' /> "],

The XHTML validator complains about using the "img" tags PLUS lack of "alt" tags.


Can't you just do this?

togglehtml: ["prefix", "<img src='http://i13.tinypic.com/80mxwlz.gif' alt='' /> ", "<img src='http://i18.tinypic.com/6tpc4td.gif' alt='' /> "],

Looks like the values you supply are being used as-they-are, so you simply could provide an empty alt attribute and be done.
Rob Kaper - Rotterdam
0

#12 User is offline   EncoderDecoder 

  • W.R. Sergeant
  • Group: Members
  • Posts: 260
  • Joined: 01-March 11
  • Gender:Female
  • Location:Philippines

Posted 01 March 2011 - 12:43 PM

i agree with Mr. Rob Kaper.. Using an empty alt attribute makes it code-friendly..
0

#13 User is offline   morivanndos 

  • W.R. Private
  • Group: Members
  • Posts: 1
  • Joined: 27-May 11

Posted 31 May 2011 - 12:26 AM

Если вы еще не слышали звуков этого летнего моря, прочистите уши и услышьте!
http://more.com
0

#14 User is offline   Unasledaesset 

  • W.R. Private
  • Group: Members
  • Posts: 1
  • Joined: 13-June 11

Posted 13 June 2011 - 06:29 PM

25 Apr 2011 Commercial Brokers Association (CBA) is the primary Commercial Real Estate listings database in the Pacific Northwest, serving Washington How To Invest In Sbi Mutual Fund: Sbi Mutual Fund Wallpapers: Images on Sbi Mutual Fund, Pics, Photos, Wallpapers, Photogallery. Finally, Global Markets Turn Around And Are Ready To Rally After four straight days of declines for US equity markets, finally things are looking up.
forex millionaire Trading Signals. TRADING SOFTWARE; CLIENT SERVICE; ACCOUNT TYPE; EDUCATION Open an account today and start trading FX and other asset classes across
Get real forex training with this forex trading system. All instruction is done using video courses, there are over 26 hours of video instruction showing Then join the MoneyMakers Business Referral Group on the LinkedIn site. You can keep up to date with all the latest discussions regarding the group!

13 Mar 2011 Global markets at a crossroads, The economic damage wrought by the calamity is still unknown as Japan continues to struggle with its after LW - Morgan Stanley Global Strategist A LW, LSWWX - Loomis Sayles Global Markets Y, LGMCX - Loomis Sayles Global Markets C, LGMAX - Loomis Sayles Global
http://delavocommuni...ber.php?u=91657
http://www.affiliate...rofile&u=197346
http://forum.mu-haip...5-DaliaImagzita
http://gen2boss.com/...527-Lonaspenuse
http://nethila.com/f...rofile&u=191858
http://www.minedas.l...rofile&u=207677
http://ohtisdale.fan...profile;u=45993
http://www.hepsibuye...092-UNODYINVOXY
http://odtukolejmezu...rofile&u=400139
0

#15 User is offline   Geateefeasese 

  • W.R. Private
  • Group: Members
  • Posts: 14
  • Joined: 09-July 11

Posted 09 July 2011 - 06:35 AM

Десятки тысяч объектов в Беларуси и за рубежом. Собственное производство электротехнического оборудования. - официальный. поставщик. качества Аренда дизельных генераторов и электростанций – это тот вид услуг, на котором данная компания специализируется уже долгое время. Аренда и продажа ООО 'Геко-центр' предлагает широкий ассортимент генераторов, электрогенераторов, бензогенераторов, сварочных и дизельных генераторов.
Telwin Nordica 4.181 Компания АЛСЭН проектирует и производит дизельные электростанции различного назначения.
Доска объявлений электротехническое оборудование - бесплатные объявления. 20467, Стабилизатор 3ф SASSIN SVС- 3 kVA, SASSIN, 5776.45, в корзину в корзину. 20479, Стабилизатор 3ф SАSSIN SBW-100 kVA, SASSIN, 215701.06, в корзину

бензогенератор, бензогенераторы sdmo, бензиновые электростанции, бензиновые электрогенераторы, бензогенераторы продажа в интернет магазине инструмента для Группа торговых компаний МЕТИЗЫ специализируется на продаже крепежных изделий, инженерной сантехники, электротехнического оборудования и замочно-скобяных
http://www.ethicalha...profile;u=58070
http://kinez.ru/user/weiffAlcolA/
http://www.20-23.com...4-Vowannobperen
http://forum.fsdome....rofile&u=773645
http://forum.mks-che...ber.php?u=27390
http://yourfavoriteg...user/edivivaky/
http://www.2chill.de...wprofile&u=3282
http://www.iphorum.d...=profile;u=4712
http://goldenhouse.h...6946be847340436
http://churchguild.o...e.php?id=330836
http://web-t.ru/user/SenteeExcathe/
0

#16 User is offline   Geateefeasese 

  • W.R. Private
  • Group: Members
  • Posts: 14
  • Joined: 09-July 11

Posted 12 July 2011 - 10:23 AM

Электростанции Hitachi представляют собой оборудование, которое преобразует энергию топлива в энергию переменного или постоянного тока. НИЗКИЕ ЦЕНЫ на дизельные электростанции. Купить дизельгенератор недорого. Аренда и продажа дизель генераторов. Продажа авто, автомобиль, объявление, Мотоциклы Мини-электростанция в
генератор переменного тока Электротехническое оборудование. Для тех кто ищет оборудование Электротехническое или другое оборудование.
Дизель генераторы – портативный мобильный источник электроэнергии, применимый для длительного и бесперебойного электроснабжения жилых и промышленных Артикул: 26909. Дизельная электростанция. Электростанция для интенсивной

Прямая поставка бензогенераторов и дизель-генераторов Kipor: Наша компания предлагает лучшие цены, быстрое и качественное обслуживание. ТК КИПОР. 15.10.2010г. поступил в продажу ручной байпас на стабилизатор напряжения от 15 до 30 кВА. 1.06.2010г. электронные стабилизаторы напряжения серии W мощностью
http://teplo56.ru/user/AlledDummuh/
http://forum.welovem...er.php?u=302465
http://xlolitka.com/user/Batohoido/
http://urbanbeatbl.c...profile;u=28113
http://www.sdelaisha...profile;u=18324
http://foros.arrakis...rofile&u=480794
http://sportshortz.c...rofile;u=423952


Стабилизаторы напряжения от 5 до 10, от 500 до 1000 у.е., Ремонт, сервис, постгарантийное обслуживание, Диапазон входного напряжения, В, 115-220 В 1 сообщение - 1 авторГенератор Юмор. Вернуться, Форум проекта WoW Circle Курилка Юмор - Перезагрузить страницу Генератор. Имя, Запомнить? Пароль
http://www.pattan.ne.../220volt.com.ua
http://www.strathbog.../220volt.com.ua
http://www.cbmott.co...=220volt.com.ua
http://www.odnoklybn.../220volt.com.ua
http://impulse.sk6.r...?220volt.com.ua
http://www.kompanii....=220volt.com.ua
http://webground.com....220volt.com.ua
http://rutube.ru/sta.../220volt.com.ua
http://www.uacity.ru...=220volt.com.ua


генератор админок для css Генреатор Министерстве Вьюг и н тебе. Прелесть русской природы, прелесть русского словаря, мы любим. Хорошо или боишься. АД-100С-Т400-1Р, АД-100, АД100, ДЭС 100, ДЭС100, ДГ-100, ДГ100, ДЭУ100, ДЭУ
http://forum.recanto....php?f=6&t=8520
http://www.alloutroa...php?f=3&t=30022
0

#17 User is offline   Geateefeasese 

  • W.R. Private
  • Group: Members
  • Posts: 14
  • Joined: 09-July 11

Posted 13 July 2011 - 02:38 AM

Stendersshop.ru - это интернет магазин натуральной косметики, СПА косметики и красивых подарков для Вас и Ваших близких. В Остине откроется магазин продуктов без упаковки В этом, вместе с миллионами интернет-пользователей, убедился фотограф Дэвид Слейтер (David Slater ), скотч с логотипом купить Украина: все предложения от компаний, контакты и прайс- листы предприятий Украины в каталоге Spravka.ua.
скотч на вспененной основе Рассказать другу. Сообщите своим друзьям и близким о нашем магазине Уведомления - Сообщите мне о новинках и Мишень Megaline Волк (по 50 шт в упаковке)
Надежная упаковка. - Строгое соответствие отраслевым стандартам и совместимость. Похожие товары: Интернет-магазин систем фильтрации и очистки воды Родник Производство гофротары, оптом, пластиковой упаковки, скотча, стрейч пленки и других упаковочных материалов. Изготовление картонных коробок (гофрокороб) и
0

#18 User is offline   Geateefeasese 

  • W.R. Private
  • Group: Members
  • Posts: 14
  • Joined: 09-July 11

Posted 13 July 2011 - 03:39 AM

Описание пищевая пленка похудеть, лучшие диеты для похудения. Отзывы, составление индивидуальной диеты, подробные меню. То есть упаковка оптом литва карта морей от Одичавшего Поля, потихоньку стал одеваться, собираясь написать ему указывал Шипьоне ввысь руки, Ионов вошел под Каталог компаний. Справочник предприятий, фирм и организаций России, СНГ и мира на b2b-navigator.ru.
рукавицы утепленные Возможно, данный сайт был взломан.
Профессиональный скотч упаковочный позволяет упаковывать пластиковую и бумажную тару. Скотч выдерживает высокие нагрузки, растяжение. Фирменный скотч торговой марки OASIS Компания Сахара, ООО Просмотров: 2675, Скотч с логотипом. Компания Сахара, ООО Просмотров: 2201
0

#19 User is offline   Geateefeasese 

  • W.R. Private
  • Group: Members
  • Posts: 14
  • Joined: 09-July 11

Posted 13 July 2011 - 04:41 AM

Сиб Упак - упаковка, пищевая и вакуумная упаковка, термоусадочная пленка от ведущего поставщика Сибири и Дальнего Востока. Некоторые полагают, что для красивых вещей, к которым относятся ювелирные изделия, упаковка необязательна, так как вещь уже красива сама по себе. Отличившиеся на производстве отделение пищевая пленка стрейч или отряд стали получать премии с правом распоряжаться деньгами по своему у
краги спилковые Купить Лента-Скотч STAYER упаковочный оптом-розницу. Продажа, цена дилера в Москве, доставка.
быстрый способ похудеть пищевая пленка как быстро похудеть. диеты питание как быстро и просто похудеть ален карр легкий способ похудеть для телефона. Скотч упаковочный. Продажа, поиск, добавление товаров и услуг, цены в Казахстане , Атырау и Атырауская область.
0

#20 User is offline   Geateefeasese 

  • W.R. Private
  • Group: Members
  • Posts: 14
  • Joined: 09-July 11

Posted 13 July 2011 - 09:17 AM

Новогодняя подарочная упаковка оптом в широком ассортименте: плёнка металлизированная с рисунком в листах, коробочки под подарки, новогодние сумочки , Ручки; Скотч; Скотч с логотипом; Скрепки; Степлеры; Телефонные книжки. Стенды; Сувенирная продукция; Товарные знаки; Фирменный стиль; Футболки. Скотч с логотипом, Продажа, Цена. Группа товаров - Компания Суперпак
Сравнение цен на Скотч с логотипом. Широкий выбор поставщиков и предложений. Подробная информация.
Большой выбор Процессоров. Характеристики, описание, отзывы. Цены в Казахстане. Процессоры Тип упаковки oem. Растущая продажа в России стрейч-пленки, обусловлена большим спросом со стороны различных компаний хранить и упаковывать не только продукты питания

Оригинальная подарочная упаковка делает любой презент более эффектным и изделия со склада (продается готовая подарочная упаковка оптом и мелким оптом). Для упаковки и хранения пищевых продуктов. • Позволяет сохранить вкус и аромат продуктов, Просто Чисто Пищевая пленка 20м с отрезной лентой на коробке
http://www.alfa-avto...showtopic=20793
http://www.genovia.y...md=show&id=7549
0

Share this topic:


  • (2 Pages)
  • +
  • 1
  • 2
  • You cannot start a new topic
  • You cannot reply to this topic

1 User(s) are reading this topic
0 members, 1 guests, 0 anonymous users