Het Web ontwikkelaars Topic [deel 2]

Distoration · 26 jan 2011

Aangezien het andere topic vol zit dacht ik ''ik maak maar een nieuw topic aan'.

dutch_badass zei: ↑

Sinds er best veel threads opduiken met vragen als hoe maak ik buttons en hoe open ik dit in dat en etc etc,
heb ik besloten om maar even een centrale thread te maken waar je al je webdesign vragen op los kunt laten.

Ga hier nou geen webdesigns plaatsen of de thread volspammen met websites die je gemaakt hebt, webdesigns plaats maar in het photoshop art threadje en websites plaats maar in je sig.

Dus barst hier nu maar los met alle webdesign problemen !
Klik om te vergroten...

Handige sites
w3schools
awardspace

Vorige delen:
Deel 1

Mirik · 17 jan 2009

Jorrit wil graag weten wat PHP is?

WinterBase · 23 jan 2009

Iemand een idee hoe ik een enquête kan maken en deze op mijn site kan plaatsen? Er zijn tal van websites die het aanbieden maar ik wil niet dat wild vreemden hem gaan invullen

Metal Mark · 25 jan 2009

Ik snap iets niet van Javascript, stel ik heb 2 dingen of meer van een formulier die ik wil gaan controleren. Hoe doe ik dit dan?

<script type="text/javascript">
function validate () {
if (document.getElementById("phone").value.match(/^[0-9]{10}$/)){
alert("goed telefoonnummer")
}
else
{
alert("verkeerd telefoonnummer")
}

if (document.getElementById("firstname").value =="")
{
alert("vul je naam man")
return= false
}
}
</script>

Want stel ik vul alles los in zoals dit:
<script type="text/javascript">
function validate () {
if (document.getElementById("phone").value.match(/^[0-9]{10}$/)){
alert("goed telefoonnummer")
}
else
{
alert("verkeerd telefoonnummer")
}
}
</script

Dan werkt het wel. Maar ik wil graag meerdere zodat hij het hele formulier naar gaat kijken. Hoe de fuck werkt dat

Nitram · 25 jan 2009

Wat je zou kunnen doen is de if in een andere if zetten. bijvoorbeeld: eerst controleerd hij telefoonnummer, als die goed is controleerd hij het volgende veld, als die goed is gaat hij weer naar de volgende etc.
Als er 1 niet goed is dan laat je hem bijvoorbeeld de foutmelding:"een van de velden is niet correct ingevuld" geven.

Of het de beste manier is weet ik niet, maar het zou wel kunnen werken.

Zo komt het er dan uit te zien.

<script type="text/javascript">
function validate () {
if (document.getElementById("phone").value.match(/^[0-9]{10}$/)){
alert("goed telefoonnummer")
if (document.getElementById("firstname").value ==""){
volgende if etc

}
else
{
alert("verkeerd telefoonnummer")
}

En zo bouw je ze in elkaar. Je moet dan ook elsejes erin zetten uiteraard.

Metal Mark · 25 jan 2009

Nitram zei: ↑

Wat je zou kunnen doen is de if in een andere if zetten. bijvoorbeeld: eerst controleerd hij telefoonnummer, als die goed is controleerd hij het volgende veld, als die goed is gaat hij weer naar de volgende etc.
Als er 1 niet goed is dan laat je hem bijvoorbeeld de foutmelding:"een van de velden is niet correct ingevuld" geven.

Of het de beste manier is weet ik niet, maar het zou wel kunnen werken.

Zo komt het er dan uit te zien.

<script type="text/javascript">
function validate () {
if (document.getElementById("phone").value.match(/^[0-9]{10}$/)){
alert("goed telefoonnummer")
if (document.getElementById("firstname").value ==""){
volgende if etc

}
else
{
alert("verkeerd telefoonnummer")
}

En zo bouw je ze in elkaar. Je moet dan ook elsejes erin zetten uiteraard.
Klik om te vergroten...

Okee ik zou dat eens kunnen proberen, maar hoe geef je dan vervolgens specifiek aan wat er fout aan is? Allemaal else'sje onderelkaar zetten?. Naar wat stoeien werkte het van wat ik hierboven vroeg. Heb nu dit:

<script type="text/javascript">
function validate () {

if (document.getElementById("firstname").value ==""){
alert("Gelieve u naam invullen")
}
else
{
return false
}

if (document.getElementById("phone").value.match(/^[0-9]{10}$/)){
alert("goed telefoonnummer")
}
else
{
alert("verkeerd telefoonnummer")
}

if (document.getElementById("email").value.indexOf("@") == -1)
{
alert("Er is geen @-teken aanwezig in het emailadres")
return false;
}
}

</script>
Klik om te vergroten...

Daantjuhh14 · 11 feb 2009

Hey,

Ik heb een eigen website, en ik ben daarop nu javascript aant leren. maar nu heb ik de volgende code getypt, met de bedoeling om een nieuw schermpje te openen als je op de knop drukt.(dat zijn de oefeningen van mijnhomepage.nl) maar dat doet ie dus niet, het hele scherm blijft wit. ook staat er niks meer van mn huidige geschreven text.

Code:

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script language="javascript">
<!--
function mijnfunctie()
{

alert ("deze functie is uitgevoerd");
<input type="button" value="Klik Hier" onClick="mijnfunctie()">
}

//-->

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>De website van EHV-JB1!</title>
<style type="text/css"> 
<!--
a:link {color:#FFF}
a:visited {color:#FFF}
a:hover {color:#FFF}
a:active{color:#FFF}

body {font-family:Verdana; background-color:#999} 
h1 {color:black; font-style:italic;font-weight:normal;text-align:center }
h2 {color:#FFF;font-style:normal;font-weight:normal;text-align: center;font-size:small} 
h3 {color:#00F;font-style:italic;font-weight:normal;text-align:center;font-size:large} 
p {text-decoration: underline;text-align: center } 
-->
</style>
</head>

<body>

<h1><img src="ehv-header.jpg" width="1000" height="125" /></h1>
<h2><a href="http://www.webhelpje.nl/gastenboek/gastenboek.php?name=Daantjuh">gastenboek</a> &nbsp; spelers &nbsp; foto's</h2>
<h3>Welkom op de website van EHV-JB1</h3>


<p>  Dit is de vernieuwde website van EHV-JB1.<br />
 een hele tijd heeft de website het niet gedaan,omdat die gehacked was.<br />
  Nu begin ik weer opnieuw, met een nieuw gastenboek zonder spam, en een goed bijgehouden website(Wie wil me helpen..)<br />
  De bedoeling is een soort van nieuwssysteempje te maken, waar elke week wat nieuws bij komt,
  ook hierbij is wat hulp wel handig:)
<HR size="3" width="90%">

<h3> gastenboek</h3>
<p> Owja, het gastenboek is ook weer online, en om het gespam te voorkomen(eddy) worden alle berichten met de naam eddy erin meteen verwijderd, ook al is het iemand die hem gewoon na doet! en liever ook niet meer op hem reageren:) 





</p>
</body>
</html>

Ik zie dat hier veel vragen zijn over javascript. is het miss handig om een apart topic daarvoor te openen?

Beumah · 16 feb 2009

even een absolute noob vraag.

Ik krijg op scholl nou een beetje de basis over HTML en ik zit me nou een beetje verder in te lezen daarin. Alleen nou lees ik steeds over CSS en dat je je HTML code moet linken aan e CSS om je website te stylen. Nou weet ik wel onegveer hoe dat moet maar waar schrijf ik die CSS? Moet dat ook gewoon in een kladblok en dan opslaan als .css? Of zit ik nou helemaal verkeerd.

Gerjan · 16 feb 2009

Ja dat kan prima! Zijn allemaal korte stukjes die je erin zet:

http://www.mijnhomepage.nl/csscursus/csslessenoverzicht.php

Beumah · 26 feb 2009

Ok, ik heb nu heel die css gemaakt en me Html voor alle pagina's. Moet ik nou ook voor elke pagina (home, contact enz.) een aparte css maken, ls ik op de ene pagina een andere style wil gebruiken als op de ander?

[2k] · 26 feb 2009

Je kan al je styles in 1 CSS file zetten.

Als je op een andere pagina een andere style wilt, maak je gewoon een andere style class in je CSS.

Krijg je bijv iets als (heel minimalistisch, maar gaat om idee):

index.html:
Code:
html
head
    link style.css

body
    div class="index"
contact.html:
Code:
html
head
    link style.css

body
    div class="contact"
style.css:
Code:
.index { color: #ff0000; }
.contact { color: #232323; }

Beumah · 26 feb 2009

ah ok. Maar kan het wel, want ik heb nu namelijk 5 css bestanden en 5 Html bestanden. En uit me hoofd is het enige wat er veranderd de header. De header is een een een aparte div met een background image en ik heb op elke pagina een ander plaatje dus heb ik nu voor elke pagina een aparte css gemaakt
Code:
#header {
  position: absolute;
  top: 0;
  left: 243px;
  width: 535px;
  height: 279px;
  background: url(images/header_assignments.jpg) no-repeat;
Het enige wat dus verandert is die url. Hoe zou ik het moeten zetten om alles in een css bestand te krijgen?
En wat moet ik dan veranderen in me HTML?
Code:
	<title>HHS-International Week: assignments</title>
	<link rel="stylesheet" href="HHS (Assignments).css" type="text/css" charset="utf-8" />
	
</head>

<body>
  <div id="wrapper">
    <div id="header"> </div>
    <div id="left">
      <div id="logo">
        <h1>The Hague University</h1>
        <p>International Marketing Week</p>
      </div>

Beumah · 1 mrt 2009

Nog een vraagje.

Hoe krijg je het effect dat als je over een foto heen gaat met je muis dat ie dan groter word?

Of zoiets als wat XBW heeft als je screenshots bekijkt.

Gerjan · 1 mrt 2009

Javascript. Zoiets:

Code:

<script language="javascript">

// © 2002 Premshree Pillai
// http://www.qiksearch.com
// premshree@hotmail.com
// Loaction of this script :
// http://www.qiksearch.com/javascripts/image_zoom_out.htm
// Visit http://www.qiksearch.com/javascripts.htm for more FREE scripts

document.write('<div id="izo_div" style="position:absolute; top:130; left:190"><img src="izo.gif" border="3" bordercolor="#000000" name="izo" alt="Image Zoom Out" onclick="java script:setTimeout("zoom_out()",1000);" style="cursor:hand"></div>');

img_act_width = izo.width;
img_act_height = izo.height;

i=1;

function zoom_out()
{
if(izo.width==0)
{
izo.border=0;
}
if(izo.width!=0)
{
izo.width-=i;
izo.height=Math.round(izo.width*((img_act_height)/(img_act_width)));
setTimeout("zoom_out()",1);
i+=1;
} 
} 

</script>

Of m.b.v. lightbox, maar dan moet je eerst klikken.

Gdzr · 1 mrt 2009

of zoombox, thickbox. Zijn er best veel van. gebruik zelf zoombox, heb het ook een beetje aangepast dat hij automatisch fotos in de site laad, als ik hem in een map op de ftp gooi.
Daarnaast kun je er ook .flv bestanden in doen. En je kan het als iframe gebruiken.

Beumah · 9 mrt 2009

OK dat ga ik nog ff uit proberen dan.

Hier is wat het nu is
Zitten nog we een paar foutjes in (background, plaatjes), maarja. En hééél dom de domeinaam moet zijn HHS... ipv HSS.. , maar das niet mijn fout.

Heb wel gebruik gemaakt van templates, maar voor m'n eerste echte website vind ik het zelf niet slecht.

Edit: tis inmiddels veranderd

Gdzr · 24 mrt 2009

omg omg omg weet niet meer hoe ik een mouse over moet maken xD

Het gaat dus zeg maar om een menu balk met plaatjes, die linken naar een pagina. Maar ik wil dus dat de plaatjes van kleur veranderen als je er met de muis over gaat, dus heel het plaatje, had ff snel gechecked in dreamweaver maar die gooit er meteen een heel javascript tegen aan. Is dit de enige manier om een mouse over te maken?

splatman · 27 mrt 2009

nee als het goed is niet je kan ook een hover maken in een css

a:hover
{
color: #FFF;
}

bijv.

BeZaX · 27 mrt 2009

Je kunt met een losse afbeelding werken voor de hover. Echter moet het worden ingeladen waardoor soms ff duurt voor dat je de hover ziet. Niet het mooiste dus.

Het best kun je een een afbeelding maken waar in de normal en hover status verwerkt zitten en dan met position background in css de hover veranderen. Je krijgt 2 knoppen/achtergronden onder elkaar in 1 afbeelding.

[2k] · 27 mrt 2009

Of 1 img gebruiken en die wat omhoog verschuiven via CSS. Hoeft ie maar 1 img in te laden. Voorbeeld waarin ze het doen, navigatie bovenaan. De img: http://www.voetbalreport.nl/images/competitiebuttons.gif.

Aanmelden

Het Web ontwikkelaars Topic [deel 2]

Distoration Da diii

Mirik XBW Bazin XBW.nl VIP

WinterBase #VOTEFORRECKA XBW.nl VIP

Metal Mark VIP Dino XBW.nl VIP

Nitram BiA!

Metal Mark VIP Dino XBW.nl VIP

Daantjuhh14 Guest

Beumah ----

Gerjan XBW.nl VIP XBW.nl VIP

Beumah ----

[2k] XBW.nl VIP XBW.nl VIP

Beumah ----

Beumah ----

Gerjan XBW.nl VIP XBW.nl VIP

Gdzr Hmmm?

Beumah ----

Gdzr Hmmm?

splatman Active Member

BeZaX Plop...

[2k] XBW.nl VIP XBW.nl VIP

Deel Deze Pagina

Aanmelden

Nuttige Zoekopdrachten

Het Web ontwikkelaars Topic [deel 2]

Distoration Da diii

Mirik XBW Bazin XBW.nl VIP

WinterBase #VOTEFORRECKA XBW.nl VIP

Metal Mark VIP Dino XBW.nl VIP

Nitram BiA!

Metal Mark VIP Dino XBW.nl VIP

Daantjuhh14 Guest

Beumah ----

Gerjan XBW.nl VIP XBW.nl VIP

Beumah ----

[2k] XBW.nl VIP XBW.nl VIP

Beumah ----

Beumah ----

Gerjan XBW.nl VIP XBW.nl VIP

Gdzr Hmmm?

Beumah ----

Gdzr Hmmm?

splatman Active Member

BeZaX Plop...

[2k] XBW.nl VIP XBW.nl VIP

Deel Deze Pagina