MozBrowser

Hallo,

Ik wil via een andere website (www.terradon.nl) nieuwsbrieven verzenden. Maar eerst moet ik een aanmeldformulier op mijn website zetten. De code kan ik van de terradon-website kopiëren en plakken in mijn pagina.
Maar als ik de pagina ga opslaan, gooit Nvu de code om zodat het formulier niet werkt. Kan dat ook anders, of heb ik gewoon pech. Ik heb totaal geen verstand van de bron-pagina en durf daarin ook niets te veranderen. Wie kan mij helpen??

http://home.hetnet.nl/~d.christian/nieuwsbrief.html

Anneke

Het aanmeld formulier bestaat uit php (script-taal) en php zou in Nvu goed moeten werken. Ik kan verder niet beoordelen of het script wel correct is maar daar zou je wel van uit mogen gaan. Als je op aanmeldknop op OK hebt geklikt krijg je dan een foutmelding of gebeurd er iets anders?

Er gebeurt helemaal niets.

Ik heb de webmaster van terradon ook gemaild. Hij heeft de code voor mij weer hersteld. Eerst heb ik hem uitgeprobeerd (de pagina rechtstreeks ge-upload naar hetnet) en hij werkte toen prima. Ik kon mijzelf aanmelden.
Maar ik had de pagina nog niet af en met Nvu wilde ik hem opmaken, maar helaas, zodra ik de pagina met Nvu open, gooit Nvu de code weer om.

Anneke

Ik heb die code ingevoerd in Nvu en ik zie niet waar Nvu de code omgooit

Maar één ding is zeker, het formulier werkt inderdaad niet.
Even wachten op de hulptroepen dan maar.

Nog even een nader uitleg.

Dit is net geplakt:

<br>
<br>


<table border=1 bordercolor=000000 width=120>
<tr><td align=center>
<form name=emailform method=post action="http://www.terradon.nl/inuitpopup.php" target=nieuwsbrieven onsubmit="window.open('http://www.terradon.nl/inuitpopup.php', ... 'toolbar=0, scrollbars=0,location=0,statusbar=0,menubar=0,resizable=1,width=200,height=100,left = 412,top = 334')">Aanmelden<br>Nieuwsbrief</td></tr>
<tr><td align=center>Email Adres:<br>
<input type=text name=email maxlength=250 size=15>
<input name="user" type="hidden" value="denform">
<input name="inuit" type="hidden" value="in"><br>
<input type="submit" value="OK" ></td></tr>
</table></form>

<br>
<br>

En dit is na het opslaan en direct weer kijken naar de bron:

<br>
<br>


<table border="1" bordercolor="#000000" width="120">
<tbody>
<tr>
<td align="center">
<form name="emailform" method="post"
action="http://www.terradon.nl/inuitpopup.php"
target="nieuwsbrieven"
onsubmit="window.open('http://www.terradon.nl/inuitpopup.php', ... location=0, statusbar=0,menubar=0,resizable=1,width=200,height=100,left = 412,top = 334')">Aanmelden<br>
Nieuwsbrief</form>
</td>
<tr>
<td align="center">Email Adres:<br>
<input name="email" maxlength="250" size="15"
type="text">
<input name="user" value="denform"
type="hidden"><input name="inuit" value="in"
type="hidden"><br>
<input value="OK" type="submit"></td>
</tr>
</tr>
</tbody>
</table>

<br>
<br>

En dit is het commentaar van de webmaster van terradon:

Tijdens het aanpassen van de codes heb je een fout gemaakt.

<form name="emailform" method="post"
action="http://www.terradon.nl/inuitpopup.php" target="nieuwsbrieven"
onsubmit="window.open('http://www.terradon.nl/inuitpopup.php', ... 'toolbar=0, scrollbars=0,location=0,statusbar=0,menubar=0,resizable=1,width=200,height=100,left
= 412,top = 334')">Aanmelden<br>
Nieuwsbrief</form>

Je hebt hier de eind tag van het formulier gezet.....nl </form>
De invulvakken en de verzendbutton komen pas hierna, maar zijn nu geen
onderdeel van het formulier meer!

----------
Maar ik heb niets zelf aangepast. Nvu doet dat vanzelf

Anneke

Dit gaat mijn pet ook te boven

Evengoed denk ik toch dat dit aan het php script ligt, namelijk: ik heb de code in een andere editor geplakt (FrontPage) en opgeslagen. Vervolgens de pagina met dit php-script in zowel Firefox als in IE getest en in beide pagina's gebeurd na het invullen van e-mail adres en op de OK knop klikken geen ene moer.

Ik heb de HTML-code eens op een andere - voor mij meer logische - manier vormgegeven. Daaruit is dit gekomen en dat kun je wel goed in Nvu plakken:

Code: Selecteer alles

 <!-- START NIEUWSBRIEF CODE -->
<!-- Gratis nieuwsbrieven uitgeven? Kijk op http://www.terradon.nl -->
<form name="emailform" method="post" action="http://www.terradon.nl/inuitpopup.php" target="nieuwsbrieven" onsubmit="window.open('http://www.terradon.nl/inuitpopup.php','nieuwsbrieven','toolbar=0, scrollbars=0,location=0,statusbar=0,menubar=0,resizable=1,width=200,height=100,left = 412,top = 334');">
<input name="user" type="hidden" value="denform">
<input name="inuit" type="hidden" value="in">
<table border="1" bordercolor="#000000" width="120">
<tr>
	<td align="center">Aanmelden Nieuwsbrief</td>
</tr>

<tr>
	<td align="center">
		Email Adres:<br>
		<input type="text" name="email" maxlength="250" size="15"><br>
		<input type="submit" value="OK" >
	</td></tr>
</table></form>
<!-- EINDE NIEUWSBRIEF CODE -->

Het form-element heb ik helemaal naar boven verplaatst. Daaronder heb ik de hidden-elementen geplaatst, want die krijgt een gebruiker toch niet te zien. Het afsluitende form-element heb ik helemaal onderaan geplaatst. Aangezien ik het form begin voordat de tabel begint, sluit ik het form ook weer af nadat de tabel afgesloten is.
In de voorbeeldcode van Terradon wordt eerst de tabelstructuur begonnen, dan het formulier en vervolgens wordt eerst de tabel afgesloten en daarna pas het formulier. Ik denk dat Nvu daardoor de weg wat kwijt raakt.

Het zou handig zijn als Terradon dit als nieuwe voorbeeldcode op haar site plaatst. Dan is de kans groter dat de code in alle opmaakpakketten goed werkt en gebruikers daar geen last meer mee hebben.

Nog een algemene opmerking over jouw website: de achtergrond vind ik wat storend. Dan heb ik het helemaal niet over het onderwerp van de achtergrond, maar het zou mooier zijn als die wat minder opvallend aanwezig is (lees: wat lichter van kleur zodat de tekst minder storend leest).

Daarnaast is het mooi als de achtergrond zich niet zou herhalen. Nu zie ik afhankelijk van de lengte van de tekst en de breedte van mijn scherm 2 hele achtergronden en 2 stukjes van de achtergrond. Het zou mooi zijn als die achtergrond een vaste positie behoudt. Dat kun je met CSS-regels regelen en daarbij kunnen wij je wel helpen.

Update: om je een idee te geven van wat ik daarmee bedoel: www.mozbrowser.nl/downloads/web/nieuwsbrief.html
Nu is de achtergrond lichter en is deze horizontaal gezien rechts uitgelijnd en verticaal gezien naar boven uitgelijnd. Je kunt er evenzo voor zorgen dat het geheel altijd in het midden van de pagina komt te staan (zowel horizontaal als verticaal gezien). Of misschien zie je de achtergrond liever rechts onder in de hoek van de pagina verschijnen. Maar in elk geval herhaalt deze zich niet meer.

De bijbehorende CSS-code:

Code: Selecteer alles

  <style type="text/css">
  body
  {
    background-image: url(grond2.jpg);
    background-repeat: no-repeat;
    background-position: right top; 
  }
  </style>

grond2.jpg is de door mij iets lichter gemaakte achtergrond (met GIMP 50 procent wit toegevoegd): www.mozbrowser.nl/downloads/web/grond2.jpg
Ook is de grootte van de achtergrond daardoor van 100 naar 75 kilobytes gegaan en is daardoor sneller te downloaden.

Martijn,

Geweldig!!! Het formulier werkt. Heel erg bedankt, want wat die codes betreft, dat is voor mij abracadabra.

Wat mijn achtergrond betreft:
Ja, het was iets te donker, dat klopt. Dit is inderdaad mooier.

Dat het zich herhaald, vind ik erg jammer, maar daar kon ik mee leven.
Maar laatst stuurde iemand mij een printscreen van mijn webpagina en toen zag ik pas wat jij nu ook ziet. Dat aan de rechterkant ook 2 stukjes achtergrond te zien was. Dat zie ik op mijn beeldscherm niet. (ligt dat misschien aan de grootte van het beeldscherm?) En inderdaad, ik vond het ook storend, maar hoe ik dat veranderen moet, geen idee.
Dat de pagina zich verticaal herhaald, had ik liever ook niet. Het liefst had ik gezien dat de achtergrond bleef staan en dat de tekst erover heen ging. Ik weet niet of dat kan in Nvu.

Want als de achtergrond nu blijft staan, zoals jij me dat had voorgedaan (geen herhaling), dan zit ik met de meeste pagina's van mijn website ( http://home.hetnet.nl/~d.christian/ )
in de problemen. Want wat ik vreselijk vind, is een spierwitte pagina. Ik hou wel van wat kleur. En als ik dat zo bekijk kan ik alleen kiezen tussen een plaatje of een kleur. Of kan dat ook anders???

Anneke

Anneke,

Wat jij wilt is mogelijk en als het mogelijk is dan kan het ook met Nvu (nou ja, in grote lijnen).

Op www.mozbrowser.nl/downloads/web/nieuwsbrief.html ben ik weer een stukje verder gegaan. Deze pagina heeft nu de volgende wijzigingen gekregen:
- de achtergrond blijft nu echt op z'n positie staan (scrollt niet mee)
- de witte randen in de achtergrondafbeelding heb ik ook groen gekleurd
- ik heb naast de achtergrondafbeelding ook een achtergrondkleur opgegeven (dat kan dus zeker wel)
- de CSS-regels zijn in een apart bestand ondergebracht
Vanwege dat laatste sla je deze regels in 1 bestand op en koppel je dat ene bestand aan elke pagina van jouw website. Daardoor krijgt iedere pagina eenzelfde achtergrond. Overigens beperkt dat zich niet tot de achtergrond, maar kun je veel meer opmaak van je webpagina's centraal in een CSS-bestand regelen.

Dat zijn echter de wat meer geavanceerde mogelijkheden van Nvu, dus daar hebben we het niet zo vaak over. Maar het kan zeker wel.

Martijn,

Je bent geweldig. Dit is nou precies wat ik bedoel. Ik moet nog even uitvogelen hoe ik dat precies moet doen (en dat zal nog niet meevallen). Dat doe ik een andere keer, want mijn ogen vallen op dit tijdstip dicht.

Heel erg bedankt!!!

Anneke

Hoi Martijn,

Kun je me misschien even verder willen helpen met mijn achtergrond?
Als ik het goed begrijp moet ik een apart bestand maken met CSS-regels en dat aan alle pagina's koppelen. Ik heb nog niet nooit gewerkt met CSS.

Anneke

Ik ben al een heel eind.
Alleen de verwijzing klopt nog niet. (bij CSS bewerken)
Hij verwijst naar file:///D:enz
Hoe krijg ik dit anders?

Anneke

Hoi Martijn,

Heb ik dit zo goed gedaan?
http://home.hetnet.nl/~d.christian/dvdsss.html

Anneke

Ik kreeg net van iemand een printscreen van mijn website zoals zij die op haar beeldscherm zag. Een heel ander beeld dan wat ik heb.
Ben dus even niet tevreden over mijn achtergrond, dat moet meer naar links. Hoe verander ik de CSS-regel???

Anneke

MozBrowser

Formulier werkt niet

Formulier werkt niet

Formulier werkt niet

Formulier werkt niet

Achtergrond