Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [jQuery]Wczytanie treści do prompt
Forum PHP.pl > Forum > Przedszkole
lessi
5.07.2010, 08:55:55
Witam. Otóż mam pewien skrypt jQuery z biblioteką prompt, który po naciśnięciu linku wyświetla okienko. Ale nie wiem jak zrobić, aby do tego okna wczytać zawartość jakiegoś pliku php.
[HTML] pobierz, plaintext 
  1. <script type="text/javascript">
  2. $("a#logowanie").live('click', function() { 
  3. $.prompt(function(){
  4. $().load('include/login.php');
  5. });
  6. });
  7. </script>
[HTML] pobierz, plaintext

Problem leży w tym że nie wiem co wstawić w nawiasie przed load.
Całość można zaobserwować na stronie http://lessi.cba.pl/
Dzięki za pomoc
Fifi209
5.07.2010, 09:50:36
Cytat(lessi @ 5.07.2010, 09:55:55 ) *
Witam. Otóż mam pewien skrypt jQuery z biblioteką prompt, który po naciśnięciu linku wyświetla okienko. Ale nie wiem jak zrobić, aby do tego okna wczytać zawartość jakiegoś pliku php.
[HTML] pobierz, plaintext 
  1. <script type="text/javascript">
  2. $("a#logowanie").live('click', function() { 
  3. $.prompt(function(){
  4. $().load('include/login.php');
  5. });
  6. });
  7. </script>
[HTML] pobierz, plaintext

Problem leży w tym że nie wiem co wstawić w nawiasie przed load.
Całość można zaobserwować na stronie http://lessi.cba.pl/
Dzięki za pomoc


zapewne jakieś np. id elementu gdzie chcesz to wstawić.
kapuch
5.07.2010, 09:52:48
Tez tak pomyslalem, ale pozniej zobaczylem, ze on chce wczytac tresc do okienka prompt, takze nie wiem jak sie do niego odwolac.
Dlatego poprzedni post wykasowalem smile.gif
Fifi209
5.07.2010, 09:53:44
Cytat(kapuch @ 5.07.2010, 10:52:48 ) *
Tez tak pomyslalem, ale pozniej zobaczylem, ze on chce wczytac tresc do okienka prompt, takze nie wiem jak sie do niego odwolac.
Dlatego poprzedni post wykasowalem smile.gif


Widziałeś kiedyś prompt w javascript? Wiesz co robi...?
kapuch
5.07.2010, 10:00:23
Cytat(fifi209 @ 5.07.2010, 10:53:44 ) *
Widziałeś kiedyś prompt w javascript? Wiesz co robi...?

Tak, wiem co robi prompt.
Wiec wstaw tam plik jesli potrafisz, ja nie potrafie, wiec wykasowalem swoj post.
Po co te zgryzliwosci?

PS. To pytanie raczej zadaj autorowi.
lessi
5.07.2010, 10:07:49
Też wiem, ale zastanawiałem się czy można tam includować wartości z plików. Dzięki
Fifi209
5.07.2010, 10:48:38
Cytat(lessi @ 5.07.2010, 11:07:49 ) *
Też wiem, ale zastanawiałem się czy można tam includować wartości z plików. Dzięki

Może i można, nie wiemy jaka to jest wtyczka....więc jak mamy odpowiedzieć?

Napisałem dla Ciebie przykładowego prompta ;]

[HTML] index.html - pobierz, plaintext 
  1. <html>
  2. 	<head>
  3. 		<link rel="stylesheet" type="text/css" href="prompt/prompt.css"/>
  4. 		<script type="text/javascript" src="prompt/jquery-1.4.2.min.js"></script>
  5. 		<script type="text/javascript" src="prompt/prompt.js"></script>
  6. 	</head>
  7. 	<body>
  8. 	Tekst
  9. 	</body>
  10. </html>
[HTML] index.html - pobierz, plaintext


CSS:
[CSS] prompt.css - pobierz, plaintext 
  1. #promptbox {
  2. 	background: #000;
  3. 	opacity : 0.85;
  4. 	filter : alpha(opacity=85);
  5.  
  6. 	position: absolute;
  7. 	top: 0px;
  8. 	left: 0px;
  9. 	right: auto;
  10. 	bottom: auto;
  11.  
  12. 	width: 100%;
  13. 	height: 100%;
  14. 	display: none;
  15. }
  16.  
  17. #prompt {
  18. 	display: block;
  19. 	background: #5cbff8;
  20. 	color: #fff;
  21. 	font-size: 25px;
  22. 	font-weight: bold;
  23. 	width: 250px;
  24. 	text-align: center;
  25. 	z-index: 9999;
  26.  
  27. 	position: absolute;
  28. 	top: 50%;
  29. 	left: 50%;
  30. 	width: 200px;
  31. 	margin: -100px 0px 0px -100px;
  32. }
  33.  
  34. #prompt p {
  35. 	padding: 0px 0px 40px 0px;
  36. 	font-size: 18px;
  37. }
  38.  
  39. #prompt input {
  40. 	width: 80px;
  41. 	display: inline;
  42. }
[CSS] prompt.css - pobierz, plaintext 


[JAVASCRIPT] prompt.js - pobierz, plaintext 
  1. $.prompt = function(message) {
  2. 	$("body").append('<div id="promptbox"><div id="prompt">' + message + '<p><input type="text" id="name"/><input type="button" id="submit" value="Ok!"/></p></div></div>');
  3. 	$("#promptbox").fadeIn('slow');
  4. };
  5.  
  6. $(document).ready(
  7. 	function() {
  8. 		$.prompt('teksdst');
  9. 		setTimeout('$("#promptbox").fadeOut("slow")', 2000);
  10. 	}
  11. );
[JAVASCRIPT] prompt.js - pobierz, plaintext


To taki przykładzik oczywiście, dostosujesz sobie pod siebie - ja nie miałem czasu. ;]
lessi
5.07.2010, 11:05:24
Dzięki, ale szczególnie chodziło mi o to żeby wartość z jakiegoś pliku wyświetlić w tym oknie. Na razie wrzuciłem tam ramkę <iframe> .
Fifi209
5.07.2010, 11:06:06
Cytat(lessi @ 5.07.2010, 12:05:24 ) *
Dzięki, ale szczególnie chodziło mi o to żeby wartość z jakiegoś pliku wyświetlić w tym oknie. Na razie wrzuciłem tam ramkę <iframe> .

To przecież w tym co podałem możesz sobie wrzucić dowolnego stringa.
lessi
5.07.2010, 11:16:38
Stringa tak ale chciałem wykonać kod php który jest w pliku. Dlatego chciałem użyć funkcji load
Fifi209
5.07.2010, 11:38:15
Cytat(lessi @ 5.07.2010, 12:16:38 ) *
Stringa tak ale chciałem wykonać kod php który jest w pliku. Dlatego chciałem użyć funkcji load

Od czego jest ajax?

Swoją drogą można tak:
[JAVASCRIPT] pobierz, plaintext 
  1.  
  2. $("#prompt").load('file.php');
  3.  
[JAVASCRIPT] pobierz, plaintext
lessi
5.07.2010, 16:42:55
Dzięki za pomoc sprawę rozwikłałem stosując jQuery UI . Teraz powstaje okienko które ma swoje id więc mogę tam wczytać dowolną treść z kodem php.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.