Visualizzazione dei risultati da 1 a 8 su 8
  1. #1
    Utente di HTML.it L'avatar di serpiko
    Registrato dal
    Feb 2005
    Messaggi
    346

    jquery stile joomla in asp

    Salve a tutti!!!
    Ho bisogno di aiuto...
    Ho trovato una jquey bellissima la lofslidernews
    volevo adattarla in asp.
    Ho provato in tutti i modi... ma non riesco!!! potete aiutarmi!!???
    in pratica io ho quattro campi e voglio far venire fuori ameno 6 notizie in ordine di inserimento:
    id, titolo, articolo, immagine.
    codice:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Lof JSliderNews 1.0 - Jquery 1.3</title>
    <link rel="stylesheet" type="text/css" href="css/layout.css" />
    <link rel="stylesheet" type="text/css" href="css/style1.css" />
    <script language="javascript" type="text/javascript" src="js/jquery.js"></script>
    <script language="javascript" type="text/javascript" src="js/jquery.easing.js"></script>
    <script language="javascript" type="text/javascript" src="js/script.js"></script>
    <script type="text/javascript">
     $(document).ready( function(){	
    		var buttons = { previous:$('#lofslidecontent45 .lof-previous') ,
    						next:$('#lofslidecontent45 .lof-next') };
    						
    		$obj = $('#lofslidecontent45').lofJSidernews( { interval : 4000,
    												direction		: 'opacitys',	
    											 	easing			: 'easeInOutExpo',
    												duration		: 1200,
    												auto		 	: false,
    												maxItemDisplay  : 4,
    												navPosition     : 'horizontal', // horizontal
    												navigatorHeight : 32,
    												navigatorWidth  : 80,
    												mainWidth:980,
    												buttons			: buttons} );	
    	});
    </script>
    
    </head>
    <body>
    	<div id="container">
        		<h1>Lof JSliderNews 1.0 -  Jquery 1.3 & Easing plugin</h1>
           
     
    
    
    	 Direction: Right - Left. The Navigator is the list of thumbnails. 
        The plugin allow to use the wheelup and wheeldown to previous|next item in the list
    </p>       
    
      <div id="lofslidecontent45" class="lof-slidecontent" style="width:980px; height:340px;"> 
        <div class="preload"> 
          <div></div>
        </div>
        
        <div class="lof-main-outer" style="width:980px; height:340px;"> 
          <ul class="lof-main-wapper">[*] [img]images/thumbl_980x340.png[/img] 
              <div class="lof-main-item-desc"> 
                <h3><a target="_parent" title="Newsflash 1" href="#Category-1">/ Newsflash 
                  1 /</a>  — Monday, February 15, 2010 12:42</h3>
                <h2>titolo</h2>
                
    
    articolo  kjdskodf sdf jsdfp jkpj kopsdf<a class="readmore" href="#">Read 
                  more </a> </p>
              </div>
            [*] [img]images/thumbl_980x340_002.png[/img] 
              <div class="lof-main-item-desc"> 
                <h3><a target="_parent" title="Newsflash 2" href="#Category-2">/ Newsflash 
                  2 /</a>  — Monday, February 15, 2010 12:42</h3>
                <h2>Content of Newsflash 2</h2>
                
    
    Joomla! makes it easy to launch a Web site of any kind. Whether 
                  you want a brochure site or you are... <a class="readmore" href="#">Read 
                  more </a> </p>
              </div>
            [*] [img]images/thumbl_980x340_003.png[/img] 
              <div class="lof-main-item-desc"> 
                <h3><a target="_parent" title="Newsflash 3" href="#Category-3">/ Newsflash 
                  3 /</a>  — Monday, February 15, 2010 12:42</h3>
                <h2>Content of Newsflash 3</h2>
                
    
    With a library of thousands of free Extensions, you can add what 
                  you need as your site grows. Don't... <a class="readmore" href="#">Read 
                  more </a> </p>
              </div>
            [*] [img]images/thumbl_980x340_004.png[/img] 
              <div class="lof-main-item-desc"> 
                <h3><a target="_parent" title="Newsflash 4" href="#Category-4">/ Newsflash 
                  4 /</a>  — Monday, February 15, 2010 12:42</h3>
                <h2>Content of Newsflash 4</h2>
                
    
    Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier 
                  to create your own dynamic Web... <a class="readmore" href="#">Read 
                  more </a> </p>
              </div>
            [*] [img]images/thumbl_980x340_005.png[/img] 
              <div class="lof-main-item-desc"> 
                <h3><a target="_parent" title="Newsflash 5" href="#">/ Newsflash 5 
                  /</a>  — Monday, February 15, 2010 12:42</h3>
                <h2>Content of Newsflash 5</h2>
                
    
    Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier 
                  to create your own dynamic Web... <a class="readmore" href="#">Read 
                  more </a> </p>
              </div>
            [*] [img]images/thumbl_980x340_006.png[/img] 
              <div class="lof-main-item-desc"> 
                <h3><a target="_parent" title="Newsflash 6" href="#">/ Newsflash 6 
                  /</a>  — Monday, February 15, 2010 12:42</h3>
                <h2>Content of Newsflash 6</h2>
                
    
    Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier 
                  to create your own dynamic Web... <a class="readmore" href="#">Read 
                  more </a> </p>
              </div>
            [*] [img]images/thumbl_980x340_007.png[/img] 
              <div class="lof-main-item-desc"> 
                <h3><a target="_parent" title="Newsflash 7" href="#">/ Newsflash 7 
                  /</a>  — Monday, February 15, 2010 12:42</h3>
                <h2>Content of Newsflash 7</h2>
                
    
    Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier 
                  to create your own dynamic Web... <a class="readmore" href="#">Read 
                  more </a> </p>
              </div>
            [*] [img]images/thumbl_980x340_008.png[/img] 
              <div class="lof-main-item-desc"> 
                <h3><a target="_parent" title="Newsflash 8" href="#">/ Newsflash 8 
                  /</a>  — Monday, February 15, 2010 12:42</h3>
                <h2>Content of Newsflash 8</h2>
                
    
    Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier 
                  to create your own dynamic Web... <a class="readmore" href="#">Read 
                  more </a> </p>
              </div>
            [/list]
        </div>
        
        
        <div class="lof-navigator-wapper"> 
          <div onclick="return false" href="" class="lof-next">Next</div>
          <div class="lof-navigator-outer"> 
            <ul class="lof-navigator">[*][img]images/thumbs/thumbl_980x340.png[/img][*][img]images/thumbs/thumbl_980x340_002.png[/img][*][img]images/thumbs/thumbl_980x340_003.png[/img][*][img]images/thumbs/thumbl_980x340_004.png[/img][*][img]images/thumbs/thumbl_980x340_005.png[/img][*][img]images/thumbs/thumbl_980x340_006.png[/img][*][img]images/thumbs/thumbl_980x340_007.png[/img][*][img]images/thumbs/thumbl_980x340_008.png[/img][/list]
          </div>
          <div onclick="return false" href="" class="lof-previous">Previous</div>
        </div>
        
      </div> 
    <script type="text/javascript">
    
    </script>
    
    
     
    
     
    Demo 1  | Demo 2  |  Demo 3 | Demo 4 | Demo 5 | Demo 6
    <div id="footer">
     LandOfCoder.Com
    </div>
        </div>
    </body>
    </html>
    e questo quello modificato da me... ma con risultati pessiimi... in pratica mi viene fuori tutto sballato:

    codice:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Lof JSliderNews 1.0 - Jquery 1.3</title>
    <link rel="stylesheet" type="text/css" href="css/layout.css" />
    <link rel="stylesheet" type="text/css" href="css/style1.css" />
    <script language="javascript" type="text/javascript" src="js/jquery.js"></script>
    <script language="javascript" type="text/javascript" src="js/jquery.easing.js"></script>
    <script language="javascript" type="text/javascript" src="js/script.js"></script>
    <script type="text/javascript">
     $(document).ready( function(){	
    		var buttons = { previous:$('#lofslidecontent45 .lof-previous') ,
    						next:$('#lofslidecontent45 .lof-next') };
    						
    		$obj = $('#lofslidecontent45').lofJSidernews( { interval : 4000,
    												direction		: 'opacitys',	
    											 	easing			: 'easeInOutExpo',
    												duration		: 1200,
    												auto		 	: false,
    												maxItemDisplay  : 4,
    												navPosition     : 'horizontal', // horizontal
    												navigatorHeight : 32,
    												navigatorWidth  : 80,
    												mainWidth:410,
    												buttons			: buttons} );	
    	});
    </script>
    
    </head>
    <body>
    	
    
    
    
    <%
    '-----------------------------------
    'funzione per i tag xstandard
    Function RemoveTagHTML(sTexto)
    
    sTextoSemTag = sTexto
    
    Set ExpRegular = New RegExp 
    
    ExpRegular.IgnoreCase = True
    ExpRegular.Global = True
    ExpRegular.Pattern = "<[^>]*>"
    sTextoSemTag = ExpRegular.Replace(sTextoSemTag, "")
    
    Set ExpRegular = Nothing
    
    RemoveTagHTML = sTextoSemTag
    End Function
    '------------------------------
    'funzione per le virgolette
    Function RemoveTagHTML2(sTexto)
    
    sTextoSemTag = sTexto
    
    Set ExpRegular = New RegExp 
    
    ExpRegular.IgnoreCase = True
    ExpRegular.Global = True
    ExpRegular.Pattern = "&quot;"
    sTextoSemTag = ExpRegular.Replace(sTextoSemTag, """")
    
    Set ExpRegular = Nothing
    
    RemoveTagHTML2 = sTextoSemTag
    End Function
    '-------------------------------
    'funzione per lunghezza testo
    Function LunghezzaTesto(N_caratteri,Testo) 
       
        iMaxChar = N_caratteri
         sResult = Testo
         If Len(sResult) > iMaxChar Then 
             If InStr(iMaxChar, sResult, " ") > 0 Then
          sResult = Left(sResult, InStr(iMaxChar, sResult, " ")) & "..." 
         End If 
          End If 
        LunghezzaTesto=sResult
       
    End Function 
    '-----------------------------------
    %>
    <%' questa setta la linga sul server in italiano
    LCID = 1040 
    Session.LCID = LCID
    ' --------------------------------------------
    Set DSNtemp=Server.CreateObject("ADODB.Connection") 
    DSNtemp.open "notiziario"
    Set rs = Server.CreateObject("ADODB.Recordset")
    sqlstmt = "SELECT ID, titolo, immagine, articolo FROM giornale ORDER BY data DESC"
    rs.Open sqlstmt, DSNtemp, 3, 3
    
    Response.write"<div id=""container"">"  & vbNewLine & _
           
     
    
    "  <div id=""lofslidecontent45"" class=""lof-slidecontent"" style=""width:410px; height:300px;"">" & vbNewLine & _
    "    <div class=""preload"">" & vbNewLine & _
    "      <div></div>" & vbNewLine & _
    "    </div>"
    
    For i=1 to 6 ' 1 è il record che vuoi visualizzare !!
    if Not rs.EOF then 
    
    
    Response.write"    <div class=""lof-main-outer"" style=""width:410px; height:300px;"">" & vbNewLine & _
    "      <ul class=""lof-main-wapper"">" & vbNewLine & _
    "[*] [img]"&RS("immagine")&"[/img]" & vbNewLine & _
    "          <div class=""lof-main-item-desc"">" & vbNewLine & _
    "            <h2>"""&rs("titolo")&"""</h2>" & vbNewLine & _
    "            
    
    "&LunghezzaTesto(250,RS("articolo"))&" </p>" & vbNewLine & _
    "          </div>"
    
    rs.MoveNext 
    end if 
    Next 
    Response.Write "       "  & vbNewLine & _
    "[/list]" & vbNewLine & _
    "    </div>" & vbNewLine & _
    "    <div class=""lof-navigator-wapper"">" & vbNewLine & _ 
    "      <div onclick=""return false"" href="" class=""lof-next"">Next</div>" & vbNewLine & _
    "      <div class=""lof-navigator-outer""> " & vbNewLine & _
    "        <ul class=""lof-navigator"">"& vbNewLine & _ 
    "			[*] [img]"&RS("immagine")&"[/img]"& vbNewLine & _
    "			"   & vbNewLine & _
    "[/list]" & vbNewLine & _
    "      </div>" & vbNewLine & _
    "      <div onclick=""return false"" href="" class=""lof-previous"">Previous</div>" & vbNewLine & _
    "    </div>"& vbNewLine & _
    " </div>" 
    Rs.close
    set RS = Nothing
    Dsntemp.close%>
    </body>
    </html>
    Sto provando in ogni modo ma non riesco!!
    attenta allo sportello quando scendi!!!!

  2. #2
    Utente di HTML.it L'avatar di serpiko
    Registrato dal
    Feb 2005
    Messaggi
    346
    ma non c'è nessuno?!?!?!?!
    attenta allo sportello quando scendi!!!!

  3. #3
    Utente di HTML.it L'avatar di serpiko
    Registrato dal
    Feb 2005
    Messaggi
    346
    Insomma ragazzi quacuno di voi saprebbe aiutarmi?!?!?!?!
    attenta allo sportello quando scendi!!!!

  4. #4
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Originariamente inviato da serpiko
    ma non c'è nessuno?!?!?!?!
    Ma.... sabato 20 agosto è facile.
    Tornando al tuo problema, io andrei per step per prima cosa creerei la parte THE CONTENT in asp pari pari senza modificarlo (senza questa parte in pratica io ho quattro campi e voglio far venire fuori ameno 6 notizie in ordine di inserimento) una volta ricreato e funzionante, provvederei ad aggiungere quello che ti occorre proseguendo passo passo

    P.S. Per una migliore lettura e debug non utilizzare il Response.write per scrivere codice html ma apri e chiudi i tag asp <% codice asp %>
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  5. #5
    Utente di HTML.it L'avatar di serpiko
    Registrato dal
    Feb 2005
    Messaggi
    346
    ok! grazie del suggerimento... sono appena tornato e avrei voglia di provare... ma sinceramente ho troppo sonno... domani (o meglio più tardi) provo e ti faccio sapere!
    attenta allo sportello quando scendi!!!!

  6. #6
    Utente di HTML.it L'avatar di serpiko
    Registrato dal
    Feb 2005
    Messaggi
    346
    allora ho provato così... ma il risultato è comunque sballato:

    codice:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Lof JSliderNews 1.0 - Jquery 1.3</title>
    <link rel="stylesheet" type="text/css" href="css/layout.css" />
    <link rel="stylesheet" type="text/css" href="css/style1.css" />
    <script language="javascript" type="text/javascript" src="js/jquery.js"></script>
    <script language="javascript" type="text/javascript" src="js/jquery.easing.js"></script>
    <script language="javascript" type="text/javascript" src="js/script.js"></script>
    <script type="text/javascript">
     $(document).ready( function(){	
    		var buttons = { previous:$('#lofslidecontent45 .lof-previous') ,
    						next:$('#lofslidecontent45 .lof-next') };
    						
    		$obj = $('#lofslidecontent45').lofJSidernews( { interval : 4000,
    												direction		: 'opacitys',	
    											 	easing			: 'easeInOutExpo',
    												duration		: 1200,
    												auto		 	: false,
    												maxItemDisplay  : 4,
    												navPosition     : 'horizontal', // horizontal
    												navigatorHeight : 32,
    												navigatorWidth  : 80,
    												mainWidth:980,
    												buttons			: buttons} );	
    	});
    </script>
    
    
    <%
    '-----------------------------------
    'funzione per i tag xstandard
    Function RemoveTagHTML(sTexto)
    
    sTextoSemTag = sTexto
    
    Set ExpRegular = New RegExp 
    
    ExpRegular.IgnoreCase = True
    ExpRegular.Global = True
    ExpRegular.Pattern = "<[^>]*>"
    sTextoSemTag = ExpRegular.Replace(sTextoSemTag, "")
    
    Set ExpRegular = Nothing
    
    RemoveTagHTML = sTextoSemTag
    End Function
    '------------------------------
    'funzione per le virgolette
    Function RemoveTagHTML2(sTexto)
    
    sTextoSemTag = sTexto
    
    Set ExpRegular = New RegExp 
    
    ExpRegular.IgnoreCase = True
    ExpRegular.Global = True
    ExpRegular.Pattern = "&quot;"
    sTextoSemTag = ExpRegular.Replace(sTextoSemTag, """")
    
    Set ExpRegular = Nothing
    
    RemoveTagHTML2 = sTextoSemTag
    End Function
    '-------------------------------
    'funzione per lunghezza testo
    Function LunghezzaTesto(N_caratteri,Testo) 
       
        iMaxChar = N_caratteri
         sResult = Testo
         If Len(sResult) > iMaxChar Then 
             If InStr(iMaxChar, sResult, " ") > 0 Then
          sResult = Left(sResult, InStr(iMaxChar, sResult, " ")) & "..." 
         End If 
          End If 
        LunghezzaTesto=sResult
       
    End Function 
    '-----------------------------------
    %>
    <%' questa setta la linga sul server in italiano
    LCID = 1040 
    Session.LCID = LCID
    ' --------------------------------------------
    Set DSNtemp=Server.CreateObject("ADODB.Connection") 
    DSNtemp.open "notiziario"
    Set rs = Server.CreateObject("ADODB.Recordset")
    sqlstmt = "SELECT ID, immagine, titolo, articolo FROM giornale ORDER BY Pdate DESC"
    rs.Open sqlstmt, DSNtemp, 3, 3
    
    		id = rs("ID")
    		immagine= "[img]&rs([/img]"
    		articolo= rs("articolo")
    		titolo= rs("titolo")
    %>
    </head>
    <body>
    	<div id="container">
        		<h1>Lof JSliderNews 1.0 -  Jquery 1.3 & Easing plugin</h1>
           
     
    
    
    	 Direction: Right - Left. The Navigator is the list of thumbnails. 
        The plugin allow to use the wheelup and wheeldown to previous|next item in the list
    </p>       
    
      <div id="lofslidecontent45" class="lof-slidecontent" style="width:410px; height:300px;"> 
        <div class="preload"> 
          <div></div>
        </div>
        
        <div class="lof-main-outer" style="width:410px; height:300px;"> 
          <ul class="lof-main-wapper">
           	<%For i=1 to 5 ' 1 è il record che vuoi visualizzare !!
    if Not rs.EOF then %>
    	[*] <% =immagine%>
              <div class="lof-main-item-desc"> 
                <h2><% =titolo%></h2>
                
    
    <% =articolo%></p>
              </div>
            [/list]
        </div>
        
        
        <div class="lof-navigator-wapper"> 
          <div onclick="return false" href="" class="lof-next">Next</div>
          <div class="lof-navigator-outer"> 
            <ul class="lof-navigator">[*]<% =immagine%>
    <% rs.MoveNext 
    end if 
    Next %>    [/list]
          </div>
          <div onclick="return false" href="" class="lof-previous">Previous</div>
        </div>
        
      </div> 
      <%Rs.close
    set RS = Nothing
    Dsntemp.close%>
    <script type="text/javascript">
    
    </script>
    
    
     
    
     
    Demo 1  | Demo 2  |  Demo 3 | Demo 4 | Demo 5 | Demo 6
    <div id="footer">
     LandOfCoder.Com
    </div>
        </div>
    </body>
    </html>



    avevo pensato anche di fare un top 5 in questo modo... ma poi?!?!?

    codice:
    <%' questa setta la linga sul server in italiano
    LCID = 1040 
    Session.LCID = LCID
    ' --------------------------------------------
    Set DSNtemp=Server.CreateObject("ADODB.Connection") 
    DSNtemp.open "notiziario"
    Set rs = Server.CreateObject("ADODB.Recordset")
    sqlstmt = "SELECT Top 5 * FROM giornale ORDER BY id DESC"
    rs.Open sqlstmt, DSNtemp, 3, 3
    
    		id = rs("ID")
    		immagine= "[img]&rs([/img]"
    		articolo= rs("articolo")
    		titolo = rs("titolo")
    %>
    </head>
    <body>
    	<div id="container">
        		<h1>Lof JSliderNews 1.0 -  Jquery 1.3 & Easing plugin</h1>
           
     
    
    
    	 Direction: Right - Left. The Navigator is the list of thumbnails. 
        The plugin allow to use the wheelup and wheeldown to previous|next item in the list
    </p>       
    
      <div id="lofslidecontent45" class="lof-slidecontent" style="width:410px; height:300px;"> 
        <div class="preload"> 
          <div></div>
        </div>
        
        <div class="lof-main-outer" style="width:410px; height:300px;"> 
          <ul class="lof-main-wapper">[*] 
              <% =immagine%>
              <div class="lof-main-item-desc"> 
                <h3><a target="_parent" title="Newsflash 1" href="#Category-1">/ Newsflash 
                  1 /</a>  — Monday, February 15, 2010 12:42</h3>
                <h2> 
                  <% =titolo%>
                </h2>
                
    
     
                  <% =articolo%>
                  Read more  </p>
              </div>
            [/list]
        </div>
        
        
        <div class="lof-navigator-wapper"> 
          <div onclick="return false" href="" class="lof-next">Next</div>
          <div class="lof-navigator-outer"> 
            <ul class="lof-navigator">[*] 
                <% =immagine%>
              [/list]
          </div>
          <div onclick="return false" href="" class="lof-previous">Previous</div>
        </div>
        
      </div> 
      <%Rs.close
    set RS = Nothing
    Dsntemp.close%>
    ma così mi viene fuori solo una notizia!!!
    attenta allo sportello quando scendi!!!!

  7. #7
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Prova a posta il link alla pagina pubblica forse vedendo il tutto in azione si trova una soluzione
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  8. #8
    Utente di HTML.it L'avatar di serpiko
    Registrato dal
    Feb 2005
    Messaggi
    346
    Purtroppo non ho la possibilità di metterlo in linea almeno per il momento, anzi credo che se non risolvo il problema non ne avrò mai la possibilità!
    attenta allo sportello quando scendi!!!!

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.