Если навел мышкой на 1 то вывести "единица", если 2 то "Двойка", если на 3 то "тройка" и тд., и это все в одной функции

@GrozaZool · Регистрация: 16.02.2013

Ребят, выручайте.

HTML5

<div id="1" onMouseOver="inf()" onMouseOut="noinf()">1</div>
<br>
<div id="2" onMouseOver="inf()" onMouseOut="noinf()">2</div>
<hr>
<div id="information" style="display:none;"></div>

Javascript

<script type="text/javascript">
function inf() {
    document.getElementById('information').style.display = 'inline';
    
    if (document.getElementById('1').innerHTML == '1'){
    document.getElementById('information').innerHTML = 'Один в 1';
    }
    if (document.getElementById('1').innerHTML == '2'){
    document.getElementById('information').innerHTML = 'Два в 1';
    }
    if (document.getElementById('2').innerHTML == '1'){
    document.getElementById('information').innerHTML = 'Один в 2';
    }
    if (document.getElementById('2').innerHTML == '2'){
    document.getElementById('information').innerHTML = 'Два в 2';
    }
    
}
 
function noinf() {
document.getElementById('information').innerHTML = '';
document.getElementById('information').style.display == 'none';
}
</script>

___

Привел пример что нужно сделать, вообщем:
Нужно чтобы при наведении на 1 допустим выводило "Один", на 2 "Два" и тп ... А у меня он ловит первое попавшееся совпадние в скрипте и только его и выводит и ваще не зависит на что потом наводишь... Понял проблему, но не понял как реализовать. Потому выручайте) Горю...
и ещё... нельзя ли сделать так,
Допустим из бд у меня вывело:

HTML5

1
2
3

<div id="hhh1" onMouseOver="inf()" onMouseOut="noinf()">1</div>
<div id="hhh2" onMouseOver="inf()" onMouseOut="noinf()">2</div>
<div id="hhh3" onMouseOver="inf()" onMouseOut="noinf()">3</div>

и нужно при наведении на каждое из них получить соответствующие надписи в прописном варианте. то есть наводишь на 1 выдает один, на 3 навел выдало 3(При учете того что данные меняются местами, то есть может вывести не 1,2,3 а 3,1,2 допустим.)... Вот в целом такая проблема... Help

@23Alex24 · 14.03.2013, 17:35

НЕЛЬЗЯ присваивать нескольким элементам один и тот же id!!!

Добавлено через 2 минуты
и просто создайте функцию, которая принимает параметры:
id элемента, в который надо вывести инфу какую-то
text - то, что нужно вывести в элемент, и все, каждому элементу назначаете обработчик со своими параметрами и не нужно ничего будет проверять

@GrozaZool · 14.03.2013, 17:59 **[ТС]**

Сообщение от 23Alex24

НЕЛЬЗЯ присваивать нескольким элементам один и тот же id!!!

Добавлено через 2 минуты
и просто создайте функцию, которая принимает параметры:
id элемента, в который надо вывести инфу какую-то
text - то, что нужно вывести в элемент, и все, каждому элементу назначаете обработчик со своими параметрами и не нужно ничего будет проверять

У меня этих записей допустим 15. И для всех описания одного, нужно проверить 50 случаев и когда совпадает, вывести на экран. я понял что нужно каждому диву дать уникальный. Но он выводит в DIV id="information" первую что сЧитает.
Про обработчик... мне что, 15*50, 750 функций писать?... неее... JavaScript великий язык, не поверю что не найдется нормального решения...

@IvanK · 14.03.2013, 19:03

Может я конечно неверно понял вопрос но вот примерно то что получилось

HTML5

<!DOCTYPE html>
<html>
<head>
<!--
<script src="http://code.jquery.com/jquery-latest.js"></script>
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
</style>
<script type="text/javascript">
function inf(obj){
var checkId = obj.id;
var content = obj.innerHTML;
alert("Content "+content+" in element with id "+checkId);
 
}
 
</script>
</head>
<body>
<div id="1" style="background-color:#EEEEEE; height:30px; width:30px;" onMouseOver="inf(this)">blabla</div>
<br>
<div id="2" style="background-color:#EEEEEE; height:30px; width:30px;" onMouseOver="inf(this)">lalalal</div>
<hr>
<div id="information" style="display:none;"></div>
</body>
</html>

@23Alex24 · 14.03.2013, 19:26

ты не понял, функция будет одна, просто ты в нее будешь передавать разные параметры, вот и весь секрет

@GrozaZool · 14.03.2013, 19:47 **[ТС]**

Кажется то что нужно, сейчас испытания проведу и отпишусь...

Добавлено через 12 минут

Сообщение от IvanK

function inf(obj){
var content = obj.innerHTML;
}

Вот эти пару строк и нужны были. Спасибо всем кто откликнулся, IvanK, спс что не на словах объяснил а пример привел)) иначе бы до завтра точно на форумах пролазил бы или миллион ненужных букв написал бы... Спасибо

Добавлено через 1 минуту

Сообщение от 23Alex24

ты не понял, функция будет одна, просто ты в нее будешь передавать разные параметры, вот и весь секрет

Перечитал твое сообщение и посмотрел что скинул IvanK, и только понял что ты имел ввиду)

@23Alex24 · 14.03.2013, 20:30

ну хорошо, что разобрался, а то у меня времени не было нормально помочь, дел куча))

@alokazay · 17.03.2013, 00:49

Как вариант можно так:

HTML5

<div id="main">
    <div id="1">1</div>
    <div id="2">2</div>
    <div id="3">3</div>
    <div id="4">4</div>
</div>
<div id="information"></div>
<script>
    "use strict";
    // Если много элементов то лучше ловить вот так
 
    document.getElementById('main').onmouseover = function(event){
        // кроссбраузерно ловим таргет
        event = event || window.event;
        var t  = event.target || event.srcElement;
 
        // Если событие произошло на нужном нам ид
        if (t.id == 1 || t.id == 2 || t.id == 3 || t.id == 4  ){
            document.getElementById('information').innerHTML = t.innerHTML;
        } 
    }
</script>

@GrozaZool · 18.03.2013, 17:48 **[ТС]**

Сообщение от alokazay

Как вариант можно так:

HTML5

<div id="main">
    <div id="1">1</div>
    <div id="2">2</div>
    <div id="3">3</div>
    <div id="4">4</div>
</div>
<div id="information"></div>
<script>
    "use strict";
    // Если много элементов то лучше ловить вот так
 
    document.getElementById('main').onmouseover = function(event){
        // кроссбраузерно ловим таргет
        event = event || window.event;
        var t  = event.target || event.srcElement;
 
        // Если событие произошло на нужном нам ид
        if (t.id == 1 || t.id == 2 || t.id == 3 || t.id == 4  ){
            document.getElementById('information').innerHTML = t.innerHTML;
        } 
    }
</script>

ну и так можно... но я уже сделал..

Но все равно, спасибо. Буду учить js

@23Alex24 197 / 197 / 5 Регистрация: 24.07.2010 Сообщений: 1,311
	14.03.2013, 17:35	2
	НЕЛЬЗЯ присваивать нескольким элементам один и тот же id!!! Добавлено через 2 минуты и просто создайте функцию, которая принимает параметры: id элемента, в который надо вывести инфу какую-то text - то, что нужно вывести в элемент, и все, каждому элементу назначаете обработчик со своими параметрами и не нужно ничего будет проверять 0

@GrozaZool 0 / 0 / 0 Регистрация: 16.02.2013 Сообщений: 8
	14.03.2013, 17:59 [ТС]	3
	Сообщение от 23Alex24 НЕЛЬЗЯ присваивать нескольким элементам один и тот же id!!! Добавлено через 2 минуты и просто создайте функцию, которая принимает параметры: id элемента, в который надо вывести инфу какую-то text - то, что нужно вывести в элемент, и все, каждому элементу назначаете обработчик со своими параметрами и не нужно ничего будет проверять У меня этих записей допустим 15. И для всех описания одного, нужно проверить 50 случаев и когда совпадает, вывести на экран. я понял что нужно каждому диву дать уникальный. Но он выводит в DIV id="information" первую что сЧитает. Про обработчик... мне что, 15*50, 750 функций писать?... неее... JavaScript великий язык, не поверю что не найдется нормального решения... 0

@23Alex24 197 / 197 / 5 Регистрация: 24.07.2010 Сообщений: 1,311
	14.03.2013, 19:26	5
	ты не понял, функция будет одна, просто ты в нее будешь передавать разные параметры, вот и весь секрет 1

@GrozaZool 0 / 0 / 0 Регистрация: 16.02.2013 Сообщений: 8
	14.03.2013, 19:47 [ТС]	6
	Кажется то что нужно, сейчас испытания проведу и отпишусь... Добавлено через 12 минут Сообщение от IvanK function inf(obj){ var content = obj.innerHTML; } Вот эти пару строк и нужны были. Спасибо всем кто откликнулся, IvanK, спс что не на словах объяснил а пример привел)) иначе бы до завтра точно на форумах пролазил бы или миллион ненужных букв написал бы... Спасибо Добавлено через 1 минуту Сообщение от 23Alex24 ты не понял, функция будет одна, просто ты в нее будешь передавать разные параметры, вот и весь секрет Перечитал твое сообщение и посмотрел что скинул IvanK, и только понял что ты имел ввиду) 0

@23Alex24 197 / 197 / 5 Регистрация: 24.07.2010 Сообщений: 1,311
	14.03.2013, 20:30	7
	ну хорошо, что разобрался, а то у меня времени не было нормально помочь, дел куча)) 0

Опции темы