CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

DMO Novice

05. januar 2016 - 15:41 Der er 5 kommentarer og
1 løsning

onclick - show hide

TypeError: document.getElementById(...) is null
hvad gør jeg forkert her?

<h3 onclick='showTable("<%=objProd("ProductNumber")%>");' id='open<%=objProd("ProductNumber")%>'><%=objProd("ProductNumber")%></h3>
<h3 onclick='hideTable("<%=objProd("ProductNumber")%>");' id='close<%=objProd("ProductNumber")%>' class='closed'><%=objProd("ProductNumber")%></h3>

<%
response.write "<table class='prodtable' id='tabel"&objProd2("ProductTitel")&"'>"
%>

<script language="javascript" type="text/javascript">
function showTable(prodnumber) {
//$("#tabel" + prodnumber).show();
//$("#close" + prodnumber).show();
//$("#open" + prodnumber).hide();
//$("#tabel" + prodnumber).css("display", "block");
//$("#close" + prodnumber).css("display", "block");
//$("#open" + prodnumber).css("display", "none");
document.getElementById("tabel" + prodnumber).style.display = "block";
document.getElementById("close" + prodnumber).style.display = "block";
document.getElementById("open" + prodnumber).style.display = "none";
}
function hideTable(prodnumber) {
//$("#tabel" + prodnumber).hide();
//$("#close" + prodnumber).hide();
//$("#open" + prodnumber).show();
//$("#tabel" + prodnumber).css("display", "none");
//$("#close" + prodnumber).css("display", "none");
//$("#open" + prodnumber).css("display", "block");
document.getElementById("tabel" + prodnumber).style.display = "none";
document.getElementById("close" + prodnumber).style.display = "none";
document.getElementById("open" + prodnumber).style.display = "block";
}
</script>

Synes godt om

tryltryl Juniormester

05. januar 2016 - 16:40 #1

Der er noget med ProductNumber vs ProductTitel

Synes godt om

jakobdo Ekspert

05. januar 2016 - 16:59 #2

Svært at gætte på, når du viser din kode og ikke det rent faktisk output.

Synes godt om

Rune1983 Ekspert

06. januar 2016 - 07:36 #3

Hvad med at komme en div omkring din table og vis/skjul den. Se nedenfor. Anvender selv noget i stil med det.

utestet
////////////////
////////////////
<script>
function VisTable(){
var showTable = document.getElementById("showTable");
showTable.style.display = "block";
};
function SkjulTable(){
var showTable = document.getElementById("showTable");
showTable.style.display = "none";
};
</script>
<div id="showTable">
Din tabel her
</div>

Synes godt om

DMO Novice

07. januar 2016 - 09:25 #4

.... ja det var sandelig det der var galt og hvorfor jeg ikke selv så det ved jeg ikke, men jeg kunne vel ligeså godt have været blind til det resten af livet, tak tryltryl

jakobdo
siden javascripted fejler, så giver den ingen output? udover alt andet html der ikke er javascript
jeg brugte udviklingsværktøj til at se denne fejl:
TypeError: document.getElementById(...) is null

Rune1983
har sat det på en <tr> i stedet da tabellen ligger i en anden tabel, virker fint nok.?

Synes godt om

Rune1983 Ekspert

08. januar 2016 - 08:51 #5

Måske dit <tr> fungere fint.

Jeg erfare show/hide på table, tr og td kan drille. Er begyndt at anvende DIV meget mere.

Har også et script liggende der viser/skjuler alle tags med et bestemt class navn. Måske det kan anvendes i din situation.

<script type="text/javascript">
function Skjul(){
var hiddeninputs = document.getElementsByClassName("EmnerDerVisesSkjules");

for(var i=0;i!=hiddeninputs.length;i++){
hiddeninputs[i].style.display = "none";
}
}
function Vis(){
var hiddeninputs = document.getElementsByClassName("EmnerDerVisesSkjules");

for(var i=0;i!=hiddeninputs.length;i++){
hiddeninputs[i].style.display = "block";
}
}
</script>

Synes godt om

DMO Novice

20. april 2016 - 09:39 #6

Lukker!

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Sæt vindue størrelse Af poulmadsen i JavaScript	1	08/10/202417:18	13/10/202412:33
Opgavestyring Af ingeman i JavaScript	1	15/09/202416:06	15/09/202420:40
Returner ikke alt Af ingeman i JavaScript	13	26/06/202414:40	01/07/202417:00
Vis og skjul sektioner - virker kun på den første sektion Af nemlig i JavaScript	4	24/06/202422:50	26/06/202420:33
Hente og gemme Cookies like this. Af DanishBear i JavaScript	6	04/06/202416:23	05/06/202414:23

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS