#javascript #html #css
#javascript #HTML #css
Вопрос:
У меня есть список тегов в одном разделе моей веб-страницы, и статья находится в середине. Я хочу иметь возможность щелкнуть по тегу, и связанные статьи появятся в средней части, а другие, которые не связаны, исчезнут.
Например, если кто-то нажмет на ссылку под названием «skateboarding», все статьи с именем привязки «skateboarding» появятся, а остальные исчезнут. Но пусть это работает с любым тегом, который я создам в будущем. Надеюсь, это имеет смысл. Вот страница:http://idunlap.com/social-media-template/index.html
Комментарии:
1. вам нужно будет использовать css, javascript и html для достижения желаемых целей
2. Я не силен в javascript. Я знаю только HTML и CSS
3. тогда вам нужно будет лучше разбираться в javascript
Ответ №1:
Предполагая, что ваши имена классов anchors являются articles
, вы можете просто создать функцию javascript, которая зацикливает trought article для отображения соответствующих якорей и скрытия других. это может быть похоже на это.
//First map you articles in an array
var nodes = [].map.call(document.getElementsByClassName("articles"), function(x){return x;});
//Create function now.
function filterArticles(x){
for(var i = 0; i < x.length; i ){
if(x[i].style.display = "inline" || !x[i].style.display) x[i].style.display = "none"; else x[i].style.display = "inline";
}
//Set click handler t all articles.
nodes.forEach(function(x){x.onclick = function(art){ filterArticles(nodes)};
Однако, как сказал @Jaromanda, вы должны стать лучше в javascript, это наименьшее.
Комментарии:
1. Ок, главный операционный директор!! Я буду лучше разбираться в Javascript. Я пробовал codecademy, но все еще испытываю небольшие проблемы. Какие-либо рекомендации?
2. Лично я использовал w3schools.com чтобы узнать ВСЕ о сети. В нем есть html, css, javascript, php и многие другие. Курсы выполняются самым простым способом, и они сопровождаются примерами, упражнениями, выполняемыми очень простым способом. Я начал с НУЛЯ.