input "type=image" werkt niet

Status
Niet open voor verdere reacties.

Sennec

Gebruiker
Lid geworden
17 jan 2009
Berichten
77
Mijn login form wil niet meer werken. Onlangs kwam ik erachter dat als iemand op mijn login-knop wilt drukken, dit niet zal kunnen doen. Als ik echter op de return-toets duw logt hij wel in.

nu had ik van "type=submit" "type=image" gemaakt. Nu kon ik wel weer klikken, maar mijn verwerking gebeurde niet meer. Ik zal de code hier zetten, kan iemand mij helpen ?

De CSS:

Code:
#left input.login{
	width:55px;
	height:11px;
	margin:6px 0 0 0;
	float:left;
	border:none;
	cursor:pointer;
}

De PHP

PHP:
<form name="login" action="process.php" method="post" class="mlog">
<label class="white">Gebruiker</label>
<input type="text" name="gebruiker" class="txtbox2" />
<label class="white">Paswoord</label>
<input type="password" name="paswoord" class="txtbox2" />




<a href="registreren.php" class="register"  ><img src="images/btn_register.gif" /></a>
<input name="login" type="image" src="images/btn_login.gif" alt="login" class="login" />




</form>';

En de verwerking van mijn form in process.php:

PHP:
if (isset($_POST['login'])) {
	
		if (empty($_POST['gebruiker']) or 
			empty($_POST['paswoord'])) {
			
				echo'<h2>Fout!</h2>
				<p>Je hebt niet alle velden ingevuld.</p>';
				header('Refresh: 2; URL=index.php');
.....

Hij pakt dus deze regel niet "if (isset($_POST['login'])) {" want hij laat me meteen deze foutmelding zien:

PHP:
else {
		echo '<h2>Fout!</h2>
			<p>Je hebt geen toegang tot deze pagina</p>';
			header('Refresh: 2; URL=index.php');
	}
 
Hoi,Waarom heb je de type op image gezet?
Het is weliswaar een image, maar door submit te vervangen, weet de knop niet meer wat hij doen moet.

Verander hem eens terug naar type=submit, en hij zal weer werken.

groetjes Robin
 
Ik had gelezen dat een "type=image" automatisch geinterpreteerd wordt als een submit.

En inderdaad met type=submit werkt hij, maar dan kan ik niet met de muis op de knop drukken. ik kan de knop alleen maar benaderen als in het tekstvak sta en op enter duw.
 
Kan ik je login live ergens zien?
Als ik je code overneem werkt hij bij mij wel!

live kan ik meer zien
 
http://geefmaargas.be/

Je kan dus niet klikken op de login knop.
Maar geef maar eens iets in en duw op enter dan gaat hij wel, alleen komt hier niet zeggen dat je paswoord of gebruikersnaam verkeerd is, hij zegt gewoon dat je geen toegand hebt
 
Hmmm ik kan helemaal niks invullen bij je..
Mijn vermoeden is dat je "twitter widget"in de weg zit.

Kun je de widget eens uitzetten/weghalen van de pagina en het nogmaals proberen?

Als ik je code zoals je m schrijft overneemt, werkt hij bij mij, laat me dan maar ff weten of t goed gaat dan moeten we naar je widget gaan kijken!
 
Dacht al zoiets te zien ;)

Maar nu de vraag waarom ligt je widget in de weg?
Ik kan er nu even snel niet naar kijken, met een half uurtje ben ik er weer, en zal ik er even naar kijken, wil je intussen even de code posten van je pagina, waar dus je widget en je login etc. in staan?
 
Zo, ik kan hier nu ook niet meteen iets in vinden waar het zou aan liggen.
ps: ook de knoppen van het formulier eronder werden erdoor beinvloed.

PHP:
echo '<form name="login" action="process.php" method="post" class="mlog">
<label class="white">Gebruiker</label>
<input type="text" name="gebruiker" class="txtbox2" />
<label class="white">Paswoord</label>
<input type="password" name="paswoord" class="txtbox2" />




<a href="registreren.php" class="register"  ><img src="images/btn_register.gif" /></a>
<input name="login" type="submit" value="" src="images/btn_login.gif" alt="login" class="login" />




</form>';


}
?>




<form name="contact" action="process.php" method="post" class="contact">
<label class="contact-text"><span class="nor">contacteer</span> <span>ons</span></label>
<label class="black">Naam &nbsp;&nbsp;&nbsp;</label>
<input type="text" name="naam" class="txtbox2" />
<label class="black">E-mail &nbsp;</label>
<input type="text" name="email-id" class="txtbox2" />
<label class="black"> comments</label>
<textarea name="comments" cols="" rows=""></textarea>
<input name="submit" type="submit" class="submit" value=" " />
<input name="reset" type="reset" value="" src="images/btn_reset.gif" alt="reset" class="reset" />
</form>



<script src="http://widgets.twimg.com/j/2/widget.js"></script>
	<script>
	new TWTR.Widget({
	  version: 2,
	  type: 'profile',
	  rpp: 5,
	  interval: 6000,
	  width: 242,
	  height: 200,
	  theme: {
	    shell: {
	      background: '#7b7b7b',
	      color: '#ffffff'
	    },
	    tweets: {
	      background: '#ffffff',
	      color: '#000000',
	      links: '#0781eb'
	    }
	  },
	  features: {
	    scrollbar: true,
	    loop: false,
	    live: true,
	    hashtags: true,
	    timestamp: true,
	    avatars: false,
	    behavior: 'all'
	  }
	}).render().setUser('GeefMaarGas').start();
	</script>
 
Heb je geprobeerd de widget in een div te pakken?
Bijv:

HTML:
<div id="widget">
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
    <script>
    new TWTR.Widget({
      version: 2,
      type: 'profile',
      rpp: 5,
      interval: 6000,
      width: 242,
      height: 200,
      theme: {
        shell: {
          background: '#7b7b7b',
          color: '#ffffff'
        },
        tweets: {
          background: '#ffffff',
          color: '#000000',
          links: '#0781eb'
        }
      },
      features: {
        scrollbar: true,
        loop: false,
        live: true,
        hashtags: true,
        timestamp: true,
        avatars: false,
        behavior: 'all'
      }
    }).render().setUser('GeefMaarGas').start();
    </script>
</div>

Weet niet of t een tekstboek oplossig is, maar als t werkt;)
 
Laatst bewerkt:
Het werkt blijkbaar wel als ik de widget boven mijn forms zet :)
 
Klopt, omdat het probleem zoals ik vermoedde wel in de div's zit..

Wanneer ik in de Firebug(Firefox add-on) kijk en de div pak waarin je widget staat, staat hij volledig over je login form heen.


Kun je een proberen om zowel je login als je widget in een div te pakken.
Beide in aparte div's.Dus: <div id="login"> login data</div> en <div id="widget"> widget data</div>
 
Geen probleem, ik neem aan dat je bedoelt dat het in je testomgeving werkt?
Want als ik je live site bekijk, werkt hij onder safari en FF (nog) niet..
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan