Cod html

top49 · 31 Oct 2012

Am nevoie de un cod html, ca atunci cand se deschide pagina sa imi apara in mijlocu paginii o caseta si acolo sa fie in dreapta sus ''x'' sa se poata inchide si in rest sa pun ce vreau eu in acea caseta, sper sa intelegeti ce zic.
si de preferat ca atunci cand se intra a doua oara si a dat deja ''x'' sa nu ii mai apara(optional).

Multumesc frumos!

SoRyN · 31 Oct 2012

citeste aici http://www.ehow.com/how_7624870_add-clo ... frame.html

top49 · 1 Noi 2012

am incercat asta nu prea imi place...
altcineva nu mai stie?

SoRyN · 1 Noi 2012

ia incerca asta

Cod:

<span onclick="openPopup('http://coursesweb.net/javascript/');">Clic aici</span>.
<script type="text/javascript">
function openPopup(url) {
  newwindow = window.open(url, 'name', 'height=400, width=550');
}
</script>

top49 · 1 Noi 2012

ti-am raspuns la pm ! nu e ceea ce caut.
doresc ca atunci cand se incarca pagina sa se deschida automat casuta aia, nu sa dea ei click pe ceva, ei vor da click doar pe X eventual. atat

Xcite · 2 Noi 2012

Descarca asta http://www.javascript-coder.com/files/j ... -popup.zip

un exemplu:

Cod:

<link media="screen" rel="stylesheet" href="colorbox.css" />
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script src="jquery.colorbox-min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function()
{
    $(window).bind('load',
        function(e)
        {
            $.colorbox({opacity:0.3, href:"offer.html"});
        });
});
</script>

Mai multe informatii ai aici: http://www.javascript-coder.com/window- ... ndow.phtml la punctul "Opening a popup on loading the page", cred ca asta e ceea ce vrei tu.

top49 · 2 Noi 2012

ok am reusit sa fac sa mearga pe de o parte

CODU CARE IL FOLOSESC:

Cod:

<link href='http://www.javascript-coder.com/files/jquery-popup/modal-popup/colorbox.css' media='screen' rel='stylesheet'/>
<script src='http://code.jquery.com/jquery-latest.min.js' type='text/javascript'/>
<script src='http://www.javascript-coder.com/files/jquery-popup/modal-popup/jquery.colorbox-min.js' type='text/javascript'/>
<script type="text/javascript">
$(function()
{
    $(window).bind('load',
        function(e)
        {
            $.colorbox({opacity:0.3, href:"offer.html"});
        });
});
</script>

numa ca nu merge pt ca nu pot pune linku in loc de offer.html nu merge.
cum pot pune un link acolo. am uitat sa precizez ca incerc sa il fac sa mearga pe blogspot

Xcite · 2 Noi 2012

Incearca sa pui la href linkul spre pagina care contine ce vrei sa apara in pop-up, poti face si pe alt host separat dar din cate stiu pe blogspot iti poti personaliza pagina cum vrei, si o faci simpla doar cu un text pe ea sau imagini sau ce doresti tu, gen:

Cod:

$.colorbox({opacity:0.3, href:"www.site.blogspot.com/popup-page"});

top49 · 2 Noi 2012

am pus uite asa

Cod:

 $.colorbox({opacity:0.3, href:&quot;www.javascript-coder.com/files/jquery-popup/modal-popup/offer.html&quot;});
        });

si aici e siteu: http://iphonee-gratis.blogspot.ro/

top49 · 2 Noi 2012

si chestiile alea " mi le pune totdeauna inainte

Xcite · 2 Noi 2012

Foloseste urmatorul cod:

Cod:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script type="text/javascript" src="http://fancyapps.com/fancybox/lib/jquery.mousewheel-3.0.6.pack.js"></script>
<link rel="stylesheet" href="http://fancyapps.com/fancybox/source/jquery.fancybox.css" type="text/css" media="screen" />
<script type="text/javascript" src="http://fancyapps.com/fancybox/source/jquery.fancybox.js"></script>



<script type="text/javascript">
$(document).ready(function() {
$("#test").fancybox({
    openEffect  : 'none',
    closeEffect : 'none',
    afterLoad   : function() {
    this.content.html();
    }
});
// Launch fancyBox on first element
$("#test").eq(0).trigger('click');
});


</script>

<div id="test" style="display:none;width:300px;">
<p>
textul tau
</p>
</div>

top49 · 2 Noi 2012

am rezolvat
http://multi-lotopolonia.blogspot.ro/

cum as putea sa pun ca odata ce inchide sa nu ii mai apara in termen de 24h?

Xcite · 2 Noi 2012

Incearca sa inlocuiesti textul javascript care e acum cu asta:

Cod:

<script type='text/javascript'>
$(document).ready(function() {	

		function getCookie(c_name)
		{
		var i,x,y,ARRcookies=document.cookie.split(";");
		for (i=0;i<ARRcookies.length;i++)
		  {
		  x=ARRcookies[i].substr(0,ARRcookies[i].indexOf("="));
		  y=ARRcookies[i].substr(ARRcookies[i].indexOf("=")+1);
		  x=x.replace(/^\s+|\s+$/g,"");
		  if (x==c_name)
			{
			return unescape(y);
			}
		  }
		}

		function setCookie(c_name,value,exdays)
		{
		var exdate=new Date();
		exdate.setDate(exdate.getDate() + exdays);
		var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString());
		document.cookie=c_name + "=" + c_value;
		}

		var id = '#dialog';
	
		//Get the screen height and width
		var maskHeight = $(document).height();
		var maskWidth = $(window).width();
	
		//Set heigth and width to mask to fill up the whole screen
		$('#mask').css({'width':maskWidth,'height':maskHeight});
		
		//transition effect		
		$('#mask').fadeIn(1000);	
		$('#mask').fadeTo("slow",0.8);	
	
		//Get the window height and width
		var winH = $(window).height();
		var winW = $(window).width();
              
		//Set the popup window to center
		$(id).css('top',  winH/2-$(id).height()/2);
		$(id).css('left', winW/2-$(id).width()/2);
	
		//transition effect
		
		var viewed=getCookie("viewed");
		if (viewed !="1")
		{
			$(id).fadeIn(2000); 
		}
		
	
	//if close button is clicked
	$('.window .close').click(function (e) {
		//Cancel the link behavior
		e.preventDefault();
		
		$('#mask').hide();
		$('.window').hide();
		setCookie("viewed","1",1);
	});		
	
	//if mask is clicked
	$('#mask').click(function () {
		$(this).hide();
		$('.window').hide();
	});		
	
});

</script>

top49 · 2 Noi 2012

imi da eroarea asta

Cod:

Eroare de analizare a codului XML, rândul 531, coloana 35: Element type "ARRcookies.length" must be followed by either attribute specifications, ">" or "/>".

Xcite · 2 Noi 2012

Se pare ca blogspot nu vrea sa citeasca, in fisier .html simplu merge perfect, am testat eu. Revin cu edit daca rezolv.

EDIT:

Cod:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js' type='text/javascript'></script>
<script type='text/javascript'>
$(document).ready(function() {	

		function getCookie(c_name)
		{
		var i,x,y,ARRcookies=document.cookie.split(";");
		for (i=0;i &lt;ARRcookies.length;i++)
		  {
		  x=ARRcookies[i].substr(0,ARRcookies[i].indexOf("="));
		  y=ARRcookies[i].substr(ARRcookies[i].indexOf("=")+1);
		  x=x.replace(/^\s+|\s+$/g,"");
		  if (x==c_name)
			{
			return unescape(y);
			}
		  }
		}

		function setCookie(c_name,value,exdays)
		{
		var exdate=new Date();
		exdate.setDate(exdate.getDate() + exdays);
		var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString());
		document.cookie=c_name + "=" + c_value;
		}

		var id = '#dialog';
	
		//Get the screen height and width
		var maskHeight = $(document).height();
		var maskWidth = $(window).width();
	
		//Set heigth and width to mask to fill up the whole screen
		$('#mask').css({'width':maskWidth,'height':maskHeight});
		
		//transition effect		
		$('#mask').fadeIn(1000);	
		$('#mask').fadeTo("slow",0.8);	
	
		//Get the window height and width
		var winH = $(window).height();
		var winW = $(window).width();
              
		//Set the popup window to center
		$(id).css('top',  winH/2-$(id).height()/2);
		$(id).css('left', winW/2-$(id).width()/2);
	
		//transition effect
		
		var viewed=getCookie("viewed");
		if (viewed !="1")
		{
			$(id).fadeIn(2000); 
		}
		
	
	//if close button is clicked
	$('.window .close').click(function (e) {
		//Cancel the link behavior
		e.preventDefault();
		
		$('#mask').hide();
		$('.window').hide();
		setCookie("viewed","1",1);
	});		
	
	//if mask is clicked
	$('#mask').click(function () {
		$(this).hide();
		$('.window').hide();
	});		
	
});

</script>

Incearca asta, am incercat sa-l optimizez pentru blogspot, ar trebui sa mearga acum.

top49 · 2 Noi 2012

nu merge.
adica nu mai imi apare box-ul acela si pagina ramane trnsparenta neagra si nu se mai vede box-ul cand dau refresh

Xcite · 2 Noi 2012

Defapt merge, doar ca am uitat sa fac sa dispara si background-ul acela, baga asa:

Cod:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js' type='text/javascript'></script>
<script type='text/javascript'>
$(document).ready(function() {	

		function getCookie(c_name)
		{
		var i,x,y,ARRcookies=document.cookie.split(";");
		for (i=0;i &lt;ARRcookies.length;i++)
		  {
		  x=ARRcookies[i].substr(0,ARRcookies[i].indexOf("="));
		  y=ARRcookies[i].substr(ARRcookies[i].indexOf("=")+1);
		  x=x.replace(/^\s+|\s+$/g,"");
		  if (x==c_name)
			{
			return unescape(y);
			}
		  }
		}

		function setCookie(c_name,value,exdays)
		{
		var exdate=new Date();
		exdate.setDate(exdate.getDate() + exdays);
		var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString());
		document.cookie=c_name + "=" + c_value;
		}

		var viewed=getCookie("viewed");
		if (viewed !="1")
		{
		var id = '#dialog';
	
		//Get the screen height and width
		var maskHeight = $(document).height();
		var maskWidth = $(window).width();
	
		//Set heigth and width to mask to fill up the whole screen
		$('#mask').css({'width':maskWidth,'height':maskHeight});
		
		//transition effect		
		$('#mask').fadeIn(1000);	
		$('#mask').fadeTo("slow",0.8);	
	
		//Get the window height and width
		var winH = $(window).height();
		var winW = $(window).width();
              
		//Set the popup window to center
		$(id).css('top',  winH/2-$(id).height()/2);
		$(id).css('left', winW/2-$(id).width()/2);
	
		//transition effect
		$(id).fadeIn(2000); 
		
		}
		
	
	//if close button is clicked
	$('.window .close').click(function (e) {
		//Cancel the link behavior
		e.preventDefault();
		
		$('#mask').hide();
		$('.window').hide();
		setCookie("viewed","1",1);
	});		
	
	//if mask is clicked
	$('#mask').click(function () {
		$(this).hide();
		$('.window').hide();
	});		
	
});

</script>

Dupa ce dai odata close la popup iti activeaza un cookie pentru 1 zi, iar daca acel cookie exista nu ii apare popup-ul iar daca nu ii va aparea pana ce il inchide.

top49 · 2 Noi 2012

pf. mersi fain pentru tot!

FUNCTIONeAAZA!
multumesc!

TOpicul se poate inchide.