HTML/CSS/JavaScript

Gatara schreef op 09-03-2004 @ 12:00:
Weet niet of het hieronder hoort, maar hoe kan ik een open dir maken op een server waarop php niet toegestaan is?

Heeft niksa met HTML, CSS of , JS te maken, zelfs niet met PHP..

Je moet htaccess files kunnen plaatsen, met daarin:

Options -Indexes

Server met wel Apache draaien..

Of je plaats in iedere dir een index.html

[Gatara]

********** schreef op 09-03-2004 @ 12:08:

Of je plaats in iedere dir een index.html

dat laatste werkte niet :/

en wat je daarvoor zei is chinees voor mij

Gatara schreef op 09-03-2004 @ 12:22:
dat laatste werkte niet :/

en wat je daarvoor zei is chinees voor mij

Hoezo dat laatste werkt niet
Zou wel erg vreemd zijn als het niet werkte..
Je zou dan dus nooit Een fatsoenijek website kunnen maken..

Waar zit je dan?

[Gatara]

********** schreef op 09-03-2004 @ 12:31:
Hoezo dat laatste werkt niet
Zou wel erg vreemd zijn als het niet werkte..
Je zou dan dus nooit Een fatsoenijek website kunnen maken..

Waar zit je dan?

Het lukt wel om een index.html erin te zetten en dan krijg ik ook een lege pagina te zien, maar ik krijg geen open dirretje daarmee

[Marcade]

.. is het mogelijk, en zo ja, heeft iemand een voorbeeld?

Ik wil iets maken wat vier dropdown boxen bevat; als je iets selecteert in de eerste, word de tweede box gevuld met data gerelateerd aan de eerste. Als je de tweede vult, word de derde gevuld met data gerelateerd aan de eerste en tweede. En uiteindelijk de vierde, die gerelateerd is aan de voorgaande drie.

Dat het on the fly geupdate word, zonder HTML refreshes of (zo weinig mogelijk) JavaCode. Heeft iemand zoiets ergens gezien; heeft iemand een voorbeeld?

Ik zit te denken aan een HTML form te versturen via e-mail. Ik denk dat outlook express ws. geen problemen heeft met javascript ? (nog niet geprobeerd) maar andere e-mail clients misschien wel ..

bvd.

Gatara schreef op 09-03-2004 @ 14:17:
Het lukt wel om een index.html erin te zetten en dan krijg ik ook een lege pagina te zien, maar ik krijg geen open dirretje daarmee

Ohw, d8 dat je juist geen open dir wilde

Dan moet je dus in .htaccess zetten:
Options -Indexes


ndere manier is er zo goed als niet..

[Martin]

********** schreef op 09-03-2004 @ 18:35:
Ohw, d8 dat je juist geen open dir wilde

Dan moet je dus in .htaccess zetten:
Options -Indexes


ndere manier is er zo goed als niet..

Waar is deze eigenlijk goed voor?

IndexOptions FancyIndexing VersionSort

Marcade schreef op 09-03-2004 @ 18:09:
.. is het mogelijk, en zo ja, heeft iemand een voorbeeld?

*knip*

Het is uiteraard mogelijk. Maar je moet wel een berg aan javascript gaan schrijven.

Marcade schreef op 09-03-2004 @ 18:09:
.. is het mogelijk, en zo ja, heeft iemand een voorbeeld?

Ik wil iets maken wat vier dropdown boxen bevat; als je iets selecteert in de eerste, word de tweede box gevuld met data gerelateerd aan de eerste. Als je de tweede vult, word de derde gevuld met data gerelateerd aan de eerste en tweede. En uiteindelijk de vierde, die gerelateerd is aan de voorgaande drie.

Dat het on the fly geupdate word, zonder HTML refreshes of (zo weinig mogelijk) JavaCode. Heeft iemand zoiets ergens gezien; heeft iemand een voorbeeld?

Ik zit te denken aan een HTML form te versturen via e-mail. Ik denk dat outlook express ws. geen problemen heeft met javascript ? (nog niet geprobeerd) maar andere e-mail clients misschien wel ..

bvd.

Wat jij wil kan idd met javascript..
Eerst selectbox 1, aan de hand van dat met javascript (onchange) seletbox2 laten zien + de waarde, etcetc.

Outlook heeft hier niks mee te maken..

Maar ik raad het je zeer af, mensen houden er niet van als er zo emails worden verstuurd en de helft gebruikt webmail dus dan werkt het ook al niet..

eddie schreef op 09-03-2004 @ 11:35:
ik zie vaak nog een return true; achter de onclick staan

Maakt geen verandering..

********** schreef op 09-03-2004 @ 23:13:
Maakt geen verandering..

En om eens goed javascript te gebruiken, zoals
document.getElementById()

eddie schreef op 10-03-2004 @ 08:41:
En om eens goed javascript te gebruiken, zoals
document.getElementById()

Maar hij voert de functie sendform niet eens uit..

********** schreef op 10-03-2004 @ 12:26:
Maar hij voert de functie sendform niet eens uit..

kun je de pagina's ergens online zetten? Zo kom ik er niet uit.

eddie schreef op 10-03-2004 @ 14:22:
kun je de pagina's ergens online zetten? Zo kom ik er niet uit.

Gaat lastig, meot je voor inloggen
Maar je hebt wel PM.

********** schreef op 10-03-2004 @ 14:39:
Gaat lastig, meot je voor inloggen
Maar je hebt wel PM.

Hmm... misschien dat het wat te maken heeft met de javascript security?

eddie schreef op 10-03-2004 @ 14:57:
Hmm... misschien dat het wat te maken heeft met de javascript security?

Maar krijg ook geen error of mlding..

********** schreef op 10-03-2004 @ 15:29:
Maar krijg ook geen error of mlding..

In Opera kun je Javascript errors zien, als je dit aanzet. Dit heeft bij mij geholpen met het (deels) oplossen van het probleem:

jij hebt:

function sendform(action) {
window.opener.frames[frm].document.formname.action.value = action;
window.opener.frames[frm].document.formname.submit();
window.close();
}

Wat moet:

function sendform(action) {
window.opener.frames["frm"].document.formname.action.value = action;
window.opener.frames["frm"].document.formname.submit();
window.close();
}

(let op de quotes in om het framenaam).


Verder kun je beter iets doen in de trant van:

function sendform(action)
{
  var doel = window.opener.frames["frm"].document.formname;
  doel.action.value = action;
  doel.submit();
  window.close();
}

vind ik iets overzichtelijker

Ohw, het werkt..
Weet alleen niet meer wat ik had gdaan, maar volgens mij vanwege jou oplossing

[Tuinkabouter !!]

Ik heb hier een AXIS 205 ip-camera liggen, welke een eigen webservertje aan boord heeft. Ik wil graag op mn website een link maken naar ip 192.168.0.25. Nu kan ik wel gewoon een knop maken naar http://192.168.0.25, maar dat lijkt me niet de oplossing. Kan dit überhaupt in een website of wordt het een kwestie van routeren ?

[Harrie]

meyer3 schreef op 12-03-2004 @ 18:31:
Ik heb hier een AXIS 205 ip-camera liggen, welke een eigen webservertje aan boord heeft. Ik wil graag op mn website een link maken naar ip 192.168.0.25. Nu kan ik wel gewoon een knop maken naar http://192.168.0.25, maar dat lijkt me niet de oplossing. Kan dit überhaupt in een website of wordt het een kwestie van routeren ?

Ja gewoon poort 80 laten doorsturen naar dit ip (met router instellen). Dan kunnen andere mensen je camer bereiken op je ip waarmee je surft.

Hoe zit het nou met div's langs elkaar...
En dan niet met de float manier..
En wel met position:relative.
Ik krijg het niet werkend..

Heeft iemand een voorbeeld, een url, of iets waar ik wat mee kan?

kun je iets specifiekers zijn?

Houdt er rekening mee dat Internet Explorer niet zo goed is on positioneren.

eddie schreef op 15-03-2004 @ 08:44:
kun je iets specifiekers zijn?

Houdt er rekening mee dat Internet Explorer niet zo goed is on positioneren.

Ja, ik weet dat MSIE weleens moeilijk kan doen, maar dit is iets simpels wat het wel kan, heb het weleens gezien..

Ok, de opmaak is:

<div>
Container
	<div>Links</div>
	<div>Rechts</div>
</div>

En het moet er zo uitzien:

|-----------------------|
| Container		|
|  -------   ---------  |
|  |Links|   |Rechts |  |
|  |     |   |       |  |
|  -------   ---------  |
|                       |
|-----------------------|

En het is de bedoeling om met position relative te werken..

********** schreef op 15-03-2004 @ 09:08:

Ok, de opmaak is:

<div>
Container
	<div>Links</div>
	<div>Rechts</div>
</div>

En het moet er zo uitzien:

|-----------------------|
| Container		|
|  -------   ---------  |
|  |Links|   |Rechts |  |
|  |     |   |       |  |
|  -------   ---------  |
|                       |
|-----------------------|

En het is de bedoeling om met position relative te werken..

Wat heb je al?
Het lijkt mij iets in de trant van:

#divlinks{ left: 10px; top: 5px; position: relative; }
#divrechts{ right: 10px; top: 5px; position: relative; }

eddie schreef op 15-03-2004 @ 09:31:
Wat heb je al?
Het lijkt mij iets in de trant van:

#divlinks{ left: 10px; top: 5px; position: relative; }
#divrechts{ right: 10px; top: 5px; position: relative; }

Ja, zo heb ik het dus..
(maar dan met left:0px en right:0px
Als ik van de position absolute maak, dan staat de ene wel gewoon helemaal rects in het scherm, maar dat wil ik dus niet..

Maar het reageert asl een gewone div...

********** schreef op 15-03-2004 @ 09:43:
Ja, zo heb ik het dus..
(maar dan met left:0px en right:0px
Als ik van de position absolute maak, dan staat de ene wel gewoon helemaal rects in het scherm, maar dat wil ik dus niet..

Maar het reageert asl een gewone div...

probeer eens te spelen met
display: inline;
of
display: run-in;

eddie schreef op 15-03-2004 @ 09:48:
probeer eens te spelen met
display: inline;
of
display: run-in;

Ook al geprobeerd.. :/

[Engadin]

Gaat het niet metzoiets als:
<div style="text-align:left">bla<span style="font-size:0"></div>
<div style="text-align:right"></span>bla</div>

bedenkt iets wat ik net nodig heb

********** schreef op 15-03-2004 @ 11:48:
Ook al geprobeerd.. :/

Van http://www.w3.org/TR/2004/CR-CSS21-2...tioning-scheme :

relative
The box's position is calculated according to the normal flow (this is called the position in normal flow). Then the box is offset relative to its normal position. When a box B is relatively positioned, the position of the following box is calculated as though B were not offset.

Het lijkt er dus op dat wat jij wilt niet kan.
Je zal float moeten gebruiken.

[Raakaap]

Ok, mijn vraag uit het andere topic, waar is <br /> goed voor?
ekki zegt dat het xhtml is en dat ook br-tags daarin moeten worden afgesloten; leuk en aardig, maar de BR-tag bestaat alleen uit <br>...bovendien haal ik het uit phpBB waar toch volgens mij alleen html in wordt gebruikt? Waarom zetten ze daar af en toe een <br> neer en soms <br />


nog een vraag;
ik ken <td style="text-align: justify;"> gebruiken om mijn tekst uit te lijnen. Kan ik ook een bepaalde opdracht gebruiken om te zorgen dat twee TD"s naast elkaar die precies dezelfde hoogte hebben ook in de hoogte worden uitgelijnd?

Raakaap schreef op 15-03-2004 @ 19:24:
Ok, mijn vraag uit het andere topic, waar is <br /> goed voor?
ekki zegt dat het xhtml is en dat ook br-tags daarin moeten worden afgesloten; leuk en aardig, maar de BR-tag bestaat alleen uit <br>

Niet bij xhtml: http://www.w3.org/TR/xhtml1/#h-4.6

Raakaap schreef op 15-03-2004 @ 19:24:

...bovendien haal ik het uit phpBB waar toch volgens mij alleen html in wordt gebruikt? Waarom zetten ze daar af en toe een <br> neer en soms <br />

Vraag het de maker

Raakaap schreef op 15-03-2004 @ 19:24:

nog een vraag;
ik ken <td style="text-align: justify;"> gebruiken om mijn tekst uit te lijnen. Kan ik ook een bepaalde opdracht gebruiken om te zorgen dat twee TD"s naast elkaar die precies dezelfde hoogte hebben ook in de hoogte worden uitgelijnd?

td's hebben (afaik) per definitie dezelfde hoogte (wanneer deze in dezelfde tr zitten). Het uitlijnen kun je volgens mij dan ook doen in de tr. ( <tr style="bla"></tr> )

Engadin schreef op 15-03-2004 @ 16:19:
Gaat het niet metzoiets als:
<div style="text-align:left">bla<span style="font-size:0"></div>
<div style="text-align:right"></span>bla</div>

bedenkt iets wat ik net nodig heb

Niet bepaald

Raakaap schreef op 15-03-2004 @ 19:24:
Ok, mijn vraag uit het andere topic, waar is <br /> goed voor?
ekki zegt dat het xhtml is en dat ook br-tags daarin moeten worden afgesloten; leuk en aardig, maar de BR-tag bestaat alleen uit <br>...bovendien haal ik het uit phpBB waar toch volgens mij alleen html in wordt gebruikt? Waarom zetten ze daar af en toe een <br> neer en soms <br />

Dat is gewoon slordig..
En phpBB is een baggerboard...

En de php functie nl2br zet \n om in <br />.

xhtml lijkt enigzins op HTML, daarom denk je dat het html is..

[Raakaap]

********** schreef op 15-03-2004 @ 20:00:
Niet bepaald


Dat is gewoon slordig..
En phpBB is een baggerboard...

En de php functie nl2br zet \n om in <br />.

xhtml lijkt enigzins op HTML, daarom denk je dat het html is..

Kan ik mijn toevoegingen op phpBB gewoon zonder die xhtml schrijven? En kan ik de bestaande xhtml eruit slopen??

[Raakaap]

eddie schreef op 15-03-2004 @ 19:51:
Niet bij xhtml: http://www.w3.org/TR/xhtml1/#h-4.6


Vraag het de maker


td's hebben (afaik) per definitie dezelfde hoogte (wanneer deze in dezelfde tr zitten). Het uitlijnen kun je volgens mij dan ook doen in de tr. ( <tr style="bla"></tr> )

Ok tnx zal het proberen

Weet iemand hoe ik kan zorgen dat de volgende HTML en CSS code ook geheel werkt in Mozilla en Netscape (6):

Voor elk menuitem de volgende HTML in een tabelletje:
<tr><td bgcolor='#008000' align='center'><a class='MENUITEM' href='$link'>$text</a></td></tr>

Met als style dus MENUITEM:
a.MENUITEM
{
width: 100%;
background-color: #008000;
color: #ffffff;
font-family: sans-serif;
font-size: 9pt;
font-weight: bold;
text-align: center;
text-decoration: none;
border-bottom-style: solid;
border-bottom-width: 1px;
border-color: #ffffff;
}

a:hover.MENUITEM
{
width: 100%;
background-color: #00ff00;
color: #000000;
font-weight: bold;
text-decoration: none;
}

Het werkt dus wel in Internet Explorer! En het is dus HTML (en CSS) voor een menuutje, waarbij de links langer moeten zijn dan de tekst! Ik heb bij MENUITEM dus "width: 100%" zodat (en dat werkt wel in IE 5.5) de breedte van de link gelijk moet zijn aan de breedte van de cel, wat op zijn beurt weer gelijk is aan de breedte van de tabel!

Ik hoop dat jullie het begrijpen.

Mvg,
Wieger

Raakaap schreef op 16-03-2004 @ 11:21:
Kan ik mijn toevoegingen op phpBB gewoon zonder die xhtml schrijven? En kan ik de bestaande xhtml eruit slopen??

je kunt xhtml en html door elkaar gebruiken, het zal gewoon werken..
de source van phpBB is toch al baggerm us dat maakt al niet meer uit

12Trix schreef op 16-03-2004 @ 17:11:
*knip*

Als je geldige CSS gebruikt werkt het in alle browsers (met uitzondering van soms MSIE of Opera).

En width is geen geldig iets voor een link..

********** schreef op 16-03-2004 @ 18:21:
En width is geen geldig iets voor een link..

Tenzij je display: block; gebruikt...

[alpha]

Voor aardrijkskunde ben ik bezig met het maken van een website met html. Nou wil ik graag dat wanneer je met je muis over de buttons gaat, dat er dan wat gebeurt (kleurtje van de button veranderd bijvoorbeeld).
Ik kan alleen niet vinden hoe het moet met html.. Ik had met Frontpage zo'n button gemaakt en die code in mijn script geplakt, maar dan doet hij het niet.. heeft iemand een idee hoe ik het wel voor elkaar krijg?
Ik wilde trouwens zelf met een tekenprogramma buttons gaan maken, of is dat niet verstandig? Dus dat dan het mousemove niet kan ofzo..

[LB06]

Is het mogelijk om dmv css semi-translucency te krijgen, die op de grote (IE, gecko, konq, opera) browsers werkt, zonder enorme bergen javascript?

@Triloxygen: het is misschien niet precies wat je bedoelt (het werkt met float: left, maar het werkt wel. Kijk maar eens op www.toemaat.nl (mijn site). Ik gebruik ook meerdere divs naast elkaar. navbar, content en fotosbalk.

LB06 schreef op 17-03-2004 @ 20:39:
Is het mogelijk om dmv css semi-translucency te krijgen, die op de grote (IE, gecko, konq, opera) browsers werkt, zonder enorme bergen javascript?

Nee.

IE heeft een eigen translucency setting (alpha-transparancy oid).
De rest heeft het niet of experimenteel, aangezien dit CSS3 is (men is nu bij CSS2.1). En IE ondersteund CSS niet goed.

[Martin]

Onderwerp: ImageResize op DIT forum

Zoals de meesten wel weten zitten we nu met een nieuwe image-resize functie op het forum. Hij werkt grotendeels, maar niet in FireFox. Ik heb al 2 uur zitten prutsen aan de code, maar het wil nog niet lukken om het pop-uppen in FireFox te laten werken (met popup-blocker uitgeschakeld).

Wie heeft er een suggestie om het wél werkend te krijgen in FireFox?

[Martin]

Ook handig om te vermelden:

http://opendir.dynamicdreams.nl/scho...m/ImageResize/

De huidige bestanden

[Psychopath]

<form name="selectGames">
  <select name="games" size="1" onChange="changePage();">
    <option value="#"> 
    <option value="battlefield.htm"> Battlefield 1942
    <option value="#"> test
  </select>
</form>

Hoe target je de "battlefield.htm"naar een anderframe en de rest die nog moet komen..?

[Martin]

Psychopath schreef op 17-03-2004 @ 21:53:

<form name="selectGames">
  <select name="games" size="1" onChange="changePage();">
    <option value="#"> 
    <option value="battlefield.htm"> Battlefield 1942
    <option value="#"> test
  </select>
</form>

Hoe target je de "battlefield.htm"naar een anderframe en de rest die nog moet komen..?

Zo te zien heb je een functie gedefineerd, welke/hoe?

[Martin]

alpha schreef op 17-03-2004 @ 15:03:
Voor aardrijkskunde ben ik bezig met het maken van een website met html. Nou wil ik graag dat wanneer je met je muis over de buttons gaat, dat er dan wat gebeurt (kleurtje van de button veranderd bijvoorbeeld).
Ik kan alleen niet vinden hoe het moet met html.. Ik had met Frontpage zo'n button gemaakt en die code in mijn script geplakt, maar dan doet hij het niet.. heeft iemand een idee hoe ik het wel voor elkaar krijg?
Ik wilde trouwens zelf met een tekenprogramma buttons gaan maken, of is dat niet verstandig? Dus dat dan het mousemove niet kan ofzo..

Op onderstaande site staan goede voorbeelden:

http://home.wanadoo.nl/java.script

edit:

PHP-code:

Stap 1: Plak onderstaand script in de <head> van je site.

<script>
/*****************************************
* Dissolving Image Rollover- By Roy Whittle ([url]http://www.javascript-fx.com/[/url])
* This notice must stay intact for use
*****************************************/
//Generate transition CSS (transition=0 to 23)
document.write('<STYLE TYPE="text/css">.Wijzig{ filter:revealTrans(duration=0.4,transition=12) }</STYLE>');

//Uncomment the next line for fading rollovers instead of dissolving:
//document.write('<STYLE TYPE="text/css">.Wijzig{ filter:blendTrans(duration=0.4) }</STYLE>');

var onImages=new Array();
function Rollover(imgName, imgSrc)
{onImages[imgName] = new Image();    onImages[imgName].src = imgSrc;}

function turnOn(imgName){ 
    if(document.images[imgName].filters != null)
        document.images[imgName].filters[0].apply();
    document.images[imgName].offSrc = document.images[imgName].src;
    document.images[imgName].src    = onImages[imgName].src;
    if(document.images[imgName].filters != null)
        document.images[imgName].filters[0].play();}

function turnOff(imgName){ 
    if(document.images[imgName].filters != null)
        document.images[imgName].filters[0].stop();
    document.images[imgName].src = document.images[imgName].offSrc;}

//Specify name of participating images, plus paths to their onMouseover replacements:
Rollover("basissite",  "button4.gif");
Rollover("javascripts", "button2.gif");
Rollover("animaties", "button6.gif");
Rollover("gastenboek",  "button8.gif");
Rollover("forum", "button10.gif");
</script>

Stap 2: Plak onderstaand script in de <body> van je site.

<a href = "http://home.wanadoo.nl/mengerink/"
onMouseOver="turnOn('basissite');"
onMouseOut="turnOff('basissite');"><img name="basissite" class="Wijzig"
src="button3.gif" border="0" width="100" height="14"><br>
</a><br>

<a href = "http://home.wanadoo.nl/java.script/"
onMouseOver="turnOn('javascripts');"
onMouseOut="turnOff('javascripts');"><img name="javascripts" class="Wijzig"
src="button1.gif" border="0"><br>
</a><br>

<a href = "http://home.wanadoo.nl/de.animaties/"
onMouseOver="turnOn('animaties');"
onMouseOut="turnOff('animaties');"><img name="animaties" class="Wijzig"
src="button5.gif" border="0"><br>
</a><br>

<a href = "http://bezoek.write2me.nl/"
onMouseOver="turnOn('gastenboek');"
onMouseOut="turnOff('gastenboek');"><img name="gastenboek" class="Wijzig"
src="button7.gif" border="0"><br>
</a><br>

<a href = "http://forum.faqman.nl/messages/board-topics.html"
onMouseOver="turnOn('forum');"
onMouseOut="turnOff('forum');"><img name="forum" class="Wijzig"
src="button9.gif" border="0"><br>
</a><br>

Stap 3: Wijzig de buttons en de links in die van jezelf. Extra buttons toevoegen kan natuurlijk ook! 


Nu moet je een heel eind kunnen komen (denk ik).

[TIGEK]

12Trix schreef op 16-03-2004 @ 17:11:
Weet iemand hoe ik kan zorgen dat de volgende HTML en CSS <|knip|>
Mvg,
Wieger

http://jigsaw.w3.org/css-validator/
Gebruik dit even voor een controle of de code "wel" volgens de regels is. ( als dit zo is, us morzilla gewoon een rot programma )

[Martin]

TIGEK schreef op 17-03-2004 @ 22:07:
http://jigsaw.w3.org/css-validator/
Gebruik dit even voor een controle of de code "wel" volgens de regels is. ( als dit zo is, us morzilla gewoon een rot programma )

Hé! Niks over Mozilla-Firebird he!

[Martin]

Iemand suggesties voor links in het nieuwe HTML-topic?

[TIGEK]

Martin schreef op 17-03-2004 @ 22:08:
Hé! Niks over Mozilla-Firebird he!

Ik vind het een fijn programma hoor. dus ik denk dat IE de regels niet goed interperteerd en de code niet 100% valid is.