Archivlink: javarea.de Forum > JavaScript > Grafik verstecken
Vollständigen Link anzeigen: javarea.de Forum > JavaScript > Grafik verstecken

Pages: [1]
geschrieben von sailor72 am 05.12.2007 - 19:51

geschrieben von Martin am 09.12.2007 - 16:18
Ave,

hmm, das ist nicht mehr ganz "up to date" In neueren Browsern setzt man eher Stylesheets ein um Grafiken verschwinden zu lassen.

[php]
function toggleImage( imgId ) {
var el = document.getElementById( imgId );
if( el.style.display == 'none') el.style.display = 'block';
else el.style.display = 'none';
}

<img id="img1" src="gfx.png" />
<button onclick="toggleImage('img1');">hide/show</button>

mfg martin

geschrieben von wwwChaOs am 29.12.2007 - 12:00
Was bedeutet da "el" und " 'block' "? Sind das namen oder Befehle?



edit:
und warum geht die rechnung hier net auf?:

<script language="javascript" type="text">
function view()
{
document.getElementById(diV).style.visibility ='visible';
}
</script>

<div id="diV" style="position: relative; left: 0; top: 0; right: 0; bottom: 0; z-index: 0; visibility: hidden;"><img src="" border="0" alt="Loading... Please wait..."></div>


<input onclick="view()" type="button" value="Upload" style="border:1px solid #fff; font-size: 10px; font-family: Verdana; ">

geschrieben von okley am 29.12.2007 - 12:28
weil getElementById ein String als Parameter erwartet. Du übergibst aber eine undefinierte Variable. Mach getElementById("diV") dann sollte es gehen.

geschrieben von wwwChaOs am 29.12.2007 - 12:34
Hört sich logisch an, geht aber net JS-Error: Objekt erwartet

geht das vllt gar nicht so einfach? Das es wie hier in eine zeile JS reinpasst?

geschrieben von Micha am 29.12.2007 - 13:09
Hi,

vermutlich stimmt die Reihenfolgenicht. Sprich: Dein Script wird ausgeführt noch bevor das DIV existiert.

Micha

geschrieben von wwwChaOs am 29.12.2007 - 13:18
nee, das is ja manuell

erst, wenn ich klicke, wird das script ausgeführt o_O' oder net?.... hier ganzer source:


PHP-Quelltext
1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20: 
21: 
22: 
23: 
24: 
25: 
26: 
27: 
28: 
29: 
30: 
31: 
32: 
33: 

<script language="javascript" type="text">
function view()
{
document.getElementById("diV").style.visibility = 'visible';
}
</script>

<fieldset style="border-color: #a00"><legend><font color="#000000" face="Verdana">Upload</font></legend>
<div id="diV" style="position: relative; left: 0; top: 0; right: 0; bottom: 0; z-index: 0; visibility: hidden;"><img src="" border="0" alt="Loading... Please wait..."></div>
<form action="<? $_SERVER['PHP_SELF']; ?>" method="post" enctype="multipart/form-data">
Please choose a file:
<input name="uploaded" type="file" style="border:1px solid #fff; font-size: 10px; font-family: Verdana; font-weight: bold; background-color: #000; color: #fff" size="20">
<p align="left"><input onclick="view()" type="button" value="Upload" style="border:1px solid #fff; font-size: 10px; font-family: Verdana; font-weight: bold; background-color: #000; color: #ccc"></p>
</form>
_
<?
$target = "files/";
$target2 = $target . basename($_FILES['uploaded']['name']);
$ok=1;
if(move_uploaded_file($_FILES['uploaded']['tmp_name'], $target2))
{
echo "The file ". basename( $_FILES['uploadedfile']['name']). " has been uploaded ";
}
else
{
echo '"Empty"';
}
?>
<br>[<a href="datalist.php?user=&&id=" target="nickpage">View Archive</a>]
[<a href="index.php" target="nickpage">Back to Nickpage</a>]
</fieldset>

geschrieben von Martin am 29.12.2007 - 13:20
Zitat
 Original geschrieben von derletztekick am 29.12.2007 - 13:09

Hi,

vermutlich stimmt die Reihenfolgenicht. Sprich: Dein Script wird ausgeführt noch bevor das DIV existiert.

Micha


Innerhalb einer Funktion ist es - obwohl du grundsätzlich recht hast - egal ob das Objekt erst später in der Seite steht, da erst mit Aufruf der Funktion selbst das Objekt initialisiert wird.

Ich denke das es daran liegt das ID nicht in Anführungsstrichen bei document.getElementById() steht. Hier versucht JS eine Variable (lokal/global) zu finden die diV heißt.

mfg martin

geschrieben von wwwChaOs am 29.12.2007 - 13:26
aber mit den anführungzeichen gehts au net :'(

-^- oben der source -^-

GreeZzz

geschrieben von Martin am 29.12.2007 - 13:34
Ersetze bitte <script language="javascript" type="text"> durch <script type="text/javascript">

geschrieben von wwwChaOs am 29.12.2007 - 13:36
ups xD
du genie ^-^

dankeschöööööööön ))


GreeZzz

geschrieben von Martin am 29.12.2007 - 13:43
Einfach nur Tomaten auf den Augen... *g*

geschrieben von wwwChaOs am 29.12.2007 - 13:46
*g*


Powered by: JBB v.2.0.4 Copyright ©2000-2006, www.javarea.de.