Panel użytkownika
Nazwa użytkownika:
Hasło:
Nie masz jeszcze konta?

JS document.getElementById

Ostatnio zmodyfikowano 2015-02-09 18:30
Autor Wiadomość
alixir
» 2015-02-08 10:52:27
To w takim razie źle sprecyzowałeś pytanie.

Do tego celu osobiście użyłbym jQuery, ponieważ jest dużo prostsze w przypadku, gdy elementy dodawane są przez jakiś CMS lub wczytywane z bazy danych.

Tu masz przykład: http://jsfiddle.net/alixir​/w2cu0915/

Ewentualnie jeśli z jakiś powodów nie chcesz używać jQuery to tu masz czysty JavaScript: http://jsfiddle.net/alixir​/1qLbuy2q/2/
P-126179
Bartaz
Temat założony przez niniejszego użytkownika
» 2015-02-08 20:28:13
U mnie na stronie ten kod nie działa nie wieem czemu wklejam kod troche go duzo ale zaznaczylem tylko istotne elementy moze komus bedzie sie chcialo znalesc   blad.



<!HTML DOCTYPE>
<html lang="pl">
<head>
<?php
session_start();
?>
<title>Tablica</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css" type="text/css" />
<script>
function skomentuj(obj) {              /////////////////////////////////////////////FUNKCJA WYSUNIECIA/////////////////////////
    var nodes = obj.parentNode.childNodes;
    for (var i=0; i< nodes.length; i++)
        if (nodes[i].nodeName.toLowerCase() == 'div' )
            if ( nodes[i].className == 'toggle hide' ) nodes[i].className = 'toggle';
            else nodes[i].className = 'toggle hide';
}
</script>
</head>
<body style="margin-top:0px">

<div id="container">

<div id="topMenu">
<?php

if(isset($_SESSION['zalogowany']))
{
?>
<div class="topMenuButton " onclick="location.href='index.php'" >Strona główna</div>
<div class="topMenuButton " onclick="location.href='zalogujSie.php'" >Moje konto</div>
<div class="topMenuButton " onclick="location.href='dodajPost.php'" >Dodaj post</div>
<div class="topMenuButton " onclick="location.href='twojePosty.php'" >Twoje posty</div>
<div class="topMenuButton " onclick="location.href='zarejestrujSie.php'" >Zarejestruj się</div>
<div class="topMenuButton " onclick="location.href='kontakt.php'" >Kontakt</div>
<div class="topMenuButton " onclick="location.href='wyloguj.php'" >Wyloguj</div>
<?php
}
else
{
?>
<div class="topMenuButton " onclick="location.href='index.php'" >Strona główna</div>
<div class="topMenuButton " onclick="location.href='zalogujSie.php'" >Zaloguj się</div>
<div class="topMenuButton " onclick="location.href='dodajPost.php'" >Dodaj post</div>
<div class="topMenuButton " onclick="location.href='twojePosty.php'" >Twoje posty</div>
<div class="topMenuButton " onclick="location.href='zarejestrujSie.php'" >Zarejestruj się</div>
<div class="topMenuButton " onclick="location.href='kontakt.php'" >Kontakt</div>
<?php
}
?>
</div><!-- koniec diva topMenu    -->
</br>

<?php
require_once "dbconnect.php";
ini_set( "display_errors", 0);

$polaczenie=mysql_connect($host,$user,$password) or die ('Nie udalo sie polaczyc z serwerem');
$db=@mysql_select_db(tablicanow,$polaczenie) or die('Nie udalo sie polaczyc z baza danych');


$query  = "SELECT * FROM posty ORDER BY nr DESC";
$result = mysql_query($query)
    or die("Query failed");
$ile = mysql_num_rows($result);


for ($i = 1; $i <= $ile; $i++) /////////////////Poczatek petli//////////////////////////
{
$ilosc_k=0;
$row = mysql_fetch_assoc($result);
$nr=$row['nr'];
$tytul = $row['tytul'];
    $tresc= $row['tresc'];
$autor= $row['autor'];
$data= $row['data'];
$postID=$row['nr'];
?>

<div class="post">

<div class="tytul"><?php echo"$tytul"; ?></div>  ////wypisanie tutulu tresci itp na poscie///////
<div class="tresc"><?php echo"$tresc"; ?></div>

<div class="data"><b>Data dodania:<?php echo"$data"; ?></b></div>
<div style="clear:both"></div>
<div class="autor"><b><?php echo"$autor"; ?></b></div>
    <div style="text-align:center;font-size:16px;font-family:Georgia;color:#006699;letter-spacing:1px">Co o tym myślisz ?</div>

<div> //////////////////////////////////////////////////////////wywolanie funkcji/////////////////////////////////////
        <p>Jakis tekst</p>
        <a href="#" onClick="skomentuj(this)">Skomentuj</a>
        <div class="toggle hide"></div>
ffff
  
<div class="skomentuj"> ///////// TEN DIV MA SIE WYSUNAC //////////////////////
....
////dalej jest kolejna petla for wypisujaca komentarze pod postem

////dalej jest kolejna petla for wypisujaca komentarze pod postem
P-126211
alixir
» 2015-02-08 22:18:22
Funkcja działa, lecz ty nie umiesz jej zastosować. Pomijam już fakt, że masz niepoprawnie wpisany doctype dokumentu.
Funkcja odkrywa/ukrywa diva z klasą 'toggle' (lecz także - w tej postaci - ukrywa wszystkie divy znajdujące się w tym węźle). Ważny jest jeszcze css ukrywający elementy z klasą hide. Ty stworzyłeś w kodzie takiego diva, lecz pustego, a oczekujesz dodatkowo że odkryje ci się inny (z klasą skomentuj). Dodatkowo nie widzę w którym miejscu zamyka ci się div-rodzic, a to jest kluczowe w przypadku tego skryptu opartego na samym javascript.
Musisz przede wszystkim zrozumieć działanie funkcji, a następnie dostosować ją do swoich potrzeb.
P-126219
Bartaz
Temat założony przez niniejszego użytkownika
» 2015-02-09 18:30:23
W koncu mi sie udalo zrobic to poprawnie :D temat zamykam
P-126259
1 « 2 »
Poprzednia strona Strona 2 z 2