---
title: "Blinkande meddelande efter submit till databas."
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/139903-blinkande-meddelande-efter-submit-till-databas"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "devotion"
published: "2005-12-26T11:11:23.000Z"
updated: "2005-12-28T23:23:49.000Z"
replies: 29
views: 858
page: 1
pages: 2
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/139903-blinkande-meddelande-efter-submit-till-databas"
---

# Blinkande meddelande efter submit till databas.

_Sida 1 av 2._

## #1 — devotion, 2005-12-26T11:11Z

:e  God jul!

Kan man göra något litet script som lägger en textruta över websidan efter det att formuläret skickats och datat skrivits till databasen?

Dvs

\-Klicka på submit
\-Datat skickas till db
\-Scripåt startar och visar textruta med text "Uppdraget har uppdaterats!" 2 ggr
\-slut

Mvh
henrik

Permalänk: https://www.webforum.nu/p/139903

## #2 — Peter S, 2005-12-26T17:25Z

God Jul!  :bire 

På sidan i action-attributet:

```
<script>
window.onload = function(){
  var mu = document.getElementById("mu"),
      c  = 0,
      t  = window.setInterval(function(){
	if (++c == 2){ window.clearInterval(t) }
	mu.style.visibility = "visible";
	window.setTimeout("mu.style.visibility = 'hidden'", 500);
	  }, 1000);
}
</script>

<style>
#mu{
  background-color: #eee;
  border          : 1px solid #777;
  height          : 100px;
  font-size       : 18px;
  left            : 50%;
  margin-left     : -175px;
  margin-top      : -100px;
  padding-top     : 35px;
  position        : absolute;
  text-align      : center;
  top             : 50%;
  visibility      : hidden;
  width           : 300px;
}
</style>

<div id="mu">Uppdraget har uppdaterats!</div>
```

Permalänk: https://www.webforum.nu/p/1735757

## #3 — devotion, 2005-12-26T18:56Z

Hejsan!  :)

Vet inte om jag gjort fel, men rutan visas hela tiden... :(

Sidan är en asp-sida som har både formulär och "databaskod" på samma sida. (använder If request.("submitknapp") \<\> "" then...)

ska jag lägga någon kod vid formuläret eller submitknappen eller något annat? Nu har jag bara lagt in den rakt av s a s...

Mvh
Henrik

Permalänk: https://www.webforum.nu/p/1735776

## #4 — devotion, 2005-12-26T19:20Z

> **devotion skrev:**
>
> Hejsan!  :)
> 
> Vet inte om jag gjort fel, men rutan visas hela tiden... :(

Jo givetvis hade jag ju gjort fel.... 

Hade lagt lagt in

```
<div id="mu">Uppdraget har uppdaterats!</div>
```

Fel...

Nu funkar det så att det blinkar när sidan laddas om efter inserten...

Problemet är bara att det blinkar när jag går till sidan. Dvs laddar formuläret...

Mvh
henrik

Permalänk: https://www.webforum.nu/p/1735780

## #5 — Peter S, 2005-12-26T19:25Z

Jag skulle göra så här:

```
if request("submitknapp") <> "" then
  ' skriv ut javascript-delen i <head>
end if

' i <body>
if request("submitknapp") <> "" then
  ' skriv ut <div>:en
end if
```

  :)

Permalänk: https://www.webforum.nu/p/1735782

## #6 — devotion, 2005-12-26T19:30Z

Tja  :)

> ' i \<body\>
> if request("submitknapp") \<\> "" then
>   ' skriv ut \<div\>:en
> end if

Det fixar jag... men hur menar du méd det andra

> if request("submitknapp") \<\> "" then
>   **' skriv ut javascript-delen i \<head\>**
> end if

mvh
henrik

Permalänk: https://www.webforum.nu/p/1735783

## #7 — devotion, 2005-12-26T19:39Z

hmm, tror jag fattar vad du menar... har nog ätit för mycket julmat...

\*\*testar\*\*

Mvh
henrik

Permalänk: https://www.webforum.nu/p/1735786

## #8 — Peter S, 2005-12-26T19:39Z

På liknande sätt som med \<div\>:en

```
<head>
<% if request("submitknapp") <> "" then %>
<script>
window.onload = function(){
  var mu = document.getElementById("mu"),
      c  = 0,
      t  = window.setInterval(function(){
	if (++c == 2){ window.clearInterval(t) }
	mu.style.visibility = "visible";
	window.setTimeout("mu.style.visibility = 'hidden'", 500);
	  }, 1000);
}
</script>

<style>
#mu{
  background-color: #eee;
  border          : 1px solid #777;
  height          : 100px;
  font-size       : 18px;
  left            : 50%;
  margin-left     : -175px;
  margin-top      : -100px;
  padding-top     : 35px;
  position        : absolute;
  text-align      : center;
  top             : 50%;
  visibility      : hidden;
  width           : 300px;
}
</style>
<% end if %>
</head>
```

  :)

Permalänk: https://www.webforum.nu/p/1735787

## #9 — devotion, 2005-12-26T19:48Z

hmmm...

Nu har jag lagt in:

```
<% If request("updateTask") <> "" then %>
	window.onload = function(){
	  var mu = document.getElementById("mu"),
		  c  = 0,
		  t  = window.setInterval(function(){
		if (++c == 2){ window.clearInterval(t) }
		mu.style.visibility = "visible";
		window.setTimeout("mu.style.visibility = 'hidden'", 500);
		  }, 1000);
	}
<% End If %>
```

och

```
If request("updateTask") <> "" then
	response.write "<div id=""mu"">Uppdraget har uppdaterats!</div>"
End if
```

Men det visas ingenting vid uppdatering...

Mvh
henrik

Permalänk: https://www.webforum.nu/p/1735791

## #10 — Peter S, 2005-12-26T20:09Z

Jag bifogar ett exempel. Öppna index.html och submitta formuläret.  :)

Bilagor:

- [dev.zip](https://www.webforum.nu/a/8950.zip)

Permalänk: https://www.webforum.nu/p/1735796

## #11 — devotion, 2005-12-26T20:19Z

hmmmmm
Ditt exempel funkar ju finfint... grrr.....   ;)
skickar oxå en fil....

Får inte till det....

Henrik

Bilagor:

- [task.zip](https://www.webforum.nu/a/8951.zip)

Permalänk: https://www.webforum.nu/p/1735797

## #12 — devotion, 2005-12-26T20:26Z

hmmm...

Kan det vara den här raden som spökar...

```
Response.redirect "Task.asp"
```

Mvh
henrik

Permalänk: https://www.webforum.nu/p/1735799

## #13 — Peter S, 2005-12-26T20:31Z

Det kan bero på att du i body.onload har

```
disableelements(taskForm);
```

Testa den bifogade filen.  :)

Bilagor:

- [task.zip](https://www.webforum.nu/a/8952.zip)

Permalänk: https://www.webforum.nu/p/1735800

## #14 — devotion, 2005-12-26T20:43Z

hmmm nix

 om jag däremot tog bort:

```
'Response.redirect "Task.asp"
```

På rad 304 då funkade det fint....

Men jag vill ju ha en omladdning av sidan för att ladda de senaste värdena från db... hur att göra?

Mvh
Henrik

Permalänk: https://www.webforum.nu/p/1735804

## #15 — Peter S, 2005-12-26T20:48Z

Testa att ta bort den raden och

```
	window.onload = function(){
	  var mu = document.getElementById("mu"),
		  c  = 0,
		  t  = window.setInterval(function(){
		if (++c == 2){ window.clearInterval(t); [b]location.reload();[/b] }
		mu.style.visibility = "visible";
		window.setTimeout("mu.style.visibility = 'hidden'", 500);
		  }, 1000);
	}
```

Permalänk: https://www.webforum.nu/p/1735806

## #16 — devotion, 2005-12-26T21:13Z

hehe, det blir alltid sådana maratontrådar...

Det fungerar så pass att meddelandet kommer och fönstret laddas om... Men sen kommer meddelandet:

```
Den här sidan kan inte uppdateras autan att informationen skickas igen...
-Försök igen- -Avbryt-
```

Sen hamnar den i vinkelvolten och bara laddar om, laddar om, laddar om, laddar om....

Mvh
henrik

Bilagor:

- [task.zip](https://www.webforum.nu/a/8953.zip)

Permalänk: https://www.webforum.nu/p/1735819

## #17 — devotion, 2005-12-26T23:23Z

nähä.. nu får det vara nog för den här gången....
Får inte till det...
gonatt!

Mvh
henrik

Permalänk: https://www.webforum.nu/p/1735851

## #18 — devotion, 2005-12-27T09:22Z

Hej!   :)

Ny dag nya möjligheter...   ;)

Jag har gjort så här nu och det fungerar "nästan"

```
	window.onload = function(){
<% If session("iStatus") > 0 And session("iStatus") < 4 Then %>
	  disableelements(taskForm);
<% End If %>
<% If request("updateTask") <> "" then %>
	  var mu = document.getElementById("mu"),
		  c  = 0,
		  t  = window.setInterval(function(){
		if (++c == 2){ window.clearInterval(t); [B]parent.frames['mainFrame'].location.href='task.asp';[/B]}
		mu.style.visibility = "visible";
		window.setTimeout("mu.style.visibility = 'hidden'", 500);
		  }, 1000);
<% End If %>
	}
```

Att det bara fungerar "nästan" är följande:

\-jag gör en uppdatering, meddelandet visas, de nya värdena i formuläret visas dock inte på en gång då dessa inte har något "minne". i nästa ögonblick så uppdateras dock sidan och de nya värdena läses från databasen...

Det är mest en kosmetisk fråga, men det är inte så "snyggt" jag vill ju inte ha det där mellanledet.... Det blev ju inte så när jag körde response.redirect....

Några ideer...

Kanske skulle få till "minnesfunktionen" för formulärfälten istället....

Mvh
Henrik

Permalänk: https://www.webforum.nu/p/1735900

## #19 — Peter S, 2005-12-27T11:15Z

Du kanske kan visa meddelandet efter det att task.asp laddats den sista gången. Använd din ursprungliga kod med response.redirect och skicka med en querystring-variabel - typ response.redirect "task.asp?update=yes". Sedan:

```
	window.onload = function(){
<% 
dim upd
upd = Request.QueryString("update") & ""
If upd = "yes" then %>
	  var mu = document.getElementById("mu"),
		  c  = 0,
		  t  = window.setInterval(function(){
		if (++c == 2){ window.clearInterval(t) }
		mu.style.visibility = "visible";
		window.setTimeout("mu.style.visibility = 'hidden'", 500);
		  }, 1000);
<% End If %>
	}
```

Permalänk: https://www.webforum.nu/p/1735918

## #20 — devotion, 2005-12-27T13:08Z

Hopp!  :)

Nu så!

Nu verkar det fungera så som det är tänkt....

Jag bifogar filen om du ser något konstigt kan du väl hojta till!

Förresten hur styr jag "blinkningen" dvs hur många ggr det ska blinka och tiderna den visas?

Mvh
henrik

Bilagor:

- [task.zip](https://www.webforum.nu/a/8958.zip)

Permalänk: https://www.webforum.nu/p/1735952

---

Tråden på webben: https://www.webforum.nu/amne/javascript/139903-blinkande-meddelande-efter-submit-till-databas  
Nästa sida: https://www.webforum.nu/amne/javascript/139903-blinkande-meddelande-efter-submit-till-databas/page2.md
