|
You can create elements using the DOM and Javascript with their own unique ids. However, you have to recreate these elements each time the page is reposted or refreshed to keep your component's holistic experience.
"We make a living by what we get, we make a life by what we give." --Winston Churchill
|
|
|
|
|
Would these virtual elements be visable?
What I'm looking for are non-display elements that my component can update, which to the web-page developer look as it was the actual component.
Is that what you're saying can be done when you suggest creating elements in the DOM using Javascript?
|
|
|
|
|
I am assuming you are using ASP.NET or something similar where you create the web page dynamically on the web server. The controls you are refering to are just assemblied HTML code that displays in the client's web browser.
Another way of dynamically creating HTML via the DOM (DHTML), is creating elements and attributes via Javascript and the DOM. This process is very similar to the way that the XML DOM creates and updates nodes. However, this is a lot of work to create and manage using prewritten and dynamically created Javascript. If you are interested in controling a web page this way Google on DHTML and Javascript.
"We make a living by what we get, we make a life by what we give." --Winston Churchill
|
|
|
|
|
Thanks again. I'll tackle this one after I get my PostBack Data working.
|
|
|
|
|
|
Try creating an image of the symbols.
Make then very low res Gifs to reduce load times.
Brad
Australian
"Keyboard? Ha! I throw magnets over the RAM chips!" - peterchen
|
|
|
|
|
Can i use Both pull & push model to develope a single crystal report ??
If yes plzz tell
regards
jagmit
|
|
|
|
|
I wrote a custom combobox server control that inherited the webcontrols.listbox class so that I'd get all of the built-in list handling features. Then I added a textbox to allow me to type in a value that wasn't in the listbox, and some client-side javascript to set the textbox to the selected item in the list when one was clicked, select a matching item in the list when one was typed into the textbox, or to set the list's selectedIndex to -1 when the value typed into the textbox didn't match. All of this works fine.
The problem is that when the form posts back I don't see any of the data I expected, not the list selection, nor the textbox value.
As I said I expected the list selection to be returned automatically, but I didn't actually use that instance, opting instead to use a span container with the a textbox, another listbox, and an imagebutton added to the span's controls, then rendered from the span level. So, how do I get the data to post-back from these sub-controls?
I really don't want to use the original list that my control inherited, as I need the span container to make my control work in absolute position mode. However, to make my control work in non-absolute position mode, when the textbox's width is set to auto, I don't always render the span, instead I simply render the controls below the span and let the browser work out all of the widths.
Thank you in advance.
|
|
|
|
|
Using the following code I can see my data:
Dim CBX1 As cwcComboBox.cwcComboBox = Me.cwcComboBox1
Dim CBX1Value As String
Dim CBX1Values As String()
CBX1Value = CBX1.Page.Request.Params.Get(CBX1.ID)
CBX1Values = CBX1.Page.Request.Params.GetValues(CBX1.ID)
CBX1Value = "Three,3", CBX1Values(0)="Three", and CBX1Values(1)="3"
So the data is there. However, when I try to access the data the "correct" way by declaring a LoadPostData function as follows:
Public Function LoadPostData( ByVal Key As String, ByVal PostData As NameValueCollection ) As Boolean _
Implements IPostBackDataHandler.LoadPostData
:
End Function
The compiler says that IPostBackDataHandler is not implemented by this class, but my custom component inherits from the ListBox webcontrol. So at the top of my class, after the inherits statement, I tried using:
Implements System.Web.UI.IPostBackDataHandler
But the compiler says its already implemented by the listbox base class, which seems to disagree with the earlier compiler error!
Anyone know what's going on with this?
|
|
|
|
|
Here is an important missing piece that needs to be added after the inherits statement:
Implements INamingContainer
Now I no longer get the conflicting messages, only one that says:
'System.Web.UI.IPostBackDataHandler.LoadPostData' is already implemented by base class 'System.Web.UI.WebControls.ListBox' and cannot be implemented again.
So now my question is how do I override or shadow the one in the base class so I can capture the rest of the data that my component sends back?
My component is a combobox, and should send back the TextBox value and the ListBox Index.
Even if getting the LoadPostData to work, it isn't clear to me how you get both of these data values out of it. The example code I've seen so far says that the Key value is the name of my component, which is used as an index in the NameValueCollection paramenter, so it seems to only be set up to get one value.
Also, since I have two values, which one will it get?
|
|
|
|
|
Protected Overrides Sub OnLoad(ByVal e As System.EventArgs)
MyBase.OnInit(e)
Try
If Page.IsPostBack() Then
' The page can have many instances of this component, so don't want to push the
' cwcComboBoxInfo state class instance infomation through the ViewState, so put
' a reference to in a session variable, actually done at the end of the Render
' Sub.
'
' When the page is posted back, the component state is restored by setting the
cwcComboBoxInfo to the reference value saved in the session variable.
'
If Not HttpContext.Current.Session(cwcComboBoxInfo.ID) Is Nothing Then
cwcComboBoxInfo =
CType(HttpContext.Current.Session(cwcComboBoxInfo.ID),
cwcComboBoxInfoClass)
End If
' Get the postback data.
LoadPostData() ' There is a bug in VS.NET 2003 that prevents the LoadPostData
' function from overriding/shadowing the listbox base class's
' IPostBackDataHandler.LoadPostData and RaisePostDataChangeEvent
' implementation, so call the LoadPostData function directly to
' get the posted data.
End If
Catch Ex As Exception
Throw New cwcComboBoxException("OnLoad: Exception - Component " & Me.ID & ", " & _
Ex.Message)
End Try
End Sub
' -------------------------------------------------------------
' The following was a suggested fix to the IPostBackDataHandler implmentation problem, but
' it didn't seem to help. Instead, Sebastián Streiger suggested that the Impments ...
' statement should be removed from the LoadPostData function and RaisePostDataChangeEvent Sub
' declarations. However, while this allowed me to compile the code it doesn't seem to get
' called by the .NET Framework. So I implmemented a override LoadPostData function with no
' parameters that I directly call from the OnLoad event sub above.
Public Shadows Interface IPostBackDataHandler
Function LoadPostData(ByVal sPostData As String, _
ByVal oPostCollection As NameValueCollection) As Boolean
Sub RaisePostDataChangedEvent()
End Interface
' -------------------------------------------------------------
Private Enum EventsType
NoEvent
TextBoxValueChanged
SelectedListIndexChanged
End Enum
'
' This "global variable keeps track of the component's event that needs to be raised.
' Part of the IPostBackDataHandler workaround I'm using.
'
Private EventType As EventsType = EventsType.NoEvent
'
' Define a LoadPostData function that can be called from the OnLoad event
' just in case the IPostBackData Handler isn't called by the .NET Framework.
'
Private Function LoadPostData() As Boolean
Return LoadPostData(cwcComboBoxInfo.ID, Me.Page.Request.Params)
End Function
'
' Should be called by the .NET Framework do allow handling of the PostBack Data for this
' component. If that doesn't happen then the overload above can be called.
'
Public Overridable Function LoadPostData(ByVal Key As String, _
ByVal PostedValues As NameValueCollection) _
As Boolean
'
' Implements System.Web.UI.IPostBackDataHandler.LoadPostData
'
Dim Values As String() = PostedValues.GetValues(cwcComboBoxInfo.ID)
Dim OldValue, NewValue As String
Dim Result As Boolean
Select Case Values.Length
Case 0
' Use the component's custom exception
EventType = EventsType.NoEvent
Throw New cwcComboBoxException("LoadPostData: Exception - " & _
"No data found for the '" & _
cwcComboBoxInfo.ID & "' component!")
Case 1
OldValue = [Text]
NewValue = Values(0).Trim()
If [IgnoreCase] Then
Result = (OldValue.ToLower() = NewValue.ToLower())
Else
Result = (OldValue = NewValue)
End If
If Result Then
[SelectedListIndex] = NOTHINGSELECTED
[Text] = NewValue
EventType = EventsType.TextBoxValueChanged
End If
Case 2
[SelectedListIndex] = Val(Values(1))
EventType = EventsType.SelectedListIndexChanged
Case Else
EventType = EventsType.NoEvent
Throw New cwcComboBoxException("LoadPostData: Exception - Too much data " & _
"posted for the '" & _
cwcComboBoxInfo.ID & "' component, " & _
Values.Length & " data items " & _
"(" & Me.Page.Request.Params.Get( _
cwcComboBoxInfo.ID) & ")!")
End Select
Return (EventType <> EventsType.NoEvent)
End Function
' -------------------------------------------------------------
Public Event TextBoxValueChanged As EventHandler
Protected Overridable Sub OnTextBoxValueChanged(ByVal Ex As EventArgs)
RaiseEvent TextBoxValueChanged(Me, Ex)
End Sub
' -------------------------------------------------------------
Public Event SelectListIndexChanged As EventHandler
Protected Overridable Sub OnSelectedListIndexChanged(ByVal Ex As EventArgs)
RaiseEvent SelectListIndexChanged(Me, Ex)
End Sub
' -------------------------------------------------------------
Public Overridable Shadows Sub RaisePostDataChangedEvent()
'
' Implements IPostBackDataHandler.RaisePostDataChangedEvent
'
' Figures out which event handler to use.
'
Select Case EventType
Case EventsType.NoEvent
' No Action - No event occurred.
Case EventsType.TextBoxValueChanged
OnTextBoxValueChanged(EventArgs.Empty)
Case EventsType.SelectedListIndexChanged
OnSelectedListIndexChanged(EventArgs.Empty)
End Select
End Sub
|
|
|
|
|
I have a table with some cells containing span tags that I use to display text values that my javascript code populates and that the user may not change. Other cells in this table contain input text boxes, which the user may change. And before cells containing a span or text box, I have a cell that contains the title of the data displayed in the adjacent cell.
I want both the text boxes and the contents of the spans to be left aligned, and the titles to be right aligned, so I tried using the following CSS style decleration placed before the table elments I want justified:
<style>
span { text-align:left }
table tr td { text-align:right }
</style>
This works well for the input boxes, which are normally left justified and aren't affected by the above style settings, and the titles, but not for the span contents.
Why doesn't the span selector seem to work?
What do I need to do to make the text in the spans left justify?
Thank you
|
|
|
|
|
HTML has two types of elements, inline and block. <span> is inline element, and <td> is a block element. Inline elements do not have height or width. Thus, text alignment within such an element will not have any affect.
"We make a living by what we get, we make a life by what we give." --Winston Churchill
|
|
|
|
|
Thank you for replying.
So if I understand you, the span nested in side of the table cell is being treated as an inline element, so ignores the text-alignment of the cell, but because it is an inline element also ignores any text-align-ment that I try to force on it with the CSS Style settings.
Therefore, since the span'ed cells show on the right side of the cell, it must be the entire span that's being pushed over there by the table tr td CSS style selector.
Correct?
|
|
|
|
|
howardjr wrote: So if I understand you, the span nested in side of the table cell is being treated as an inline element, so ignores the text-alignment of the cell, but because it is an inline element also ignores any text-align-ment that I try to force on it with the CSS Style settings.
No, the span element and the the text's alignment is controlled by the td element's alignment. The default behavior of the span element does not respond to the CSS text-alignment.
howardjr wrote: Therefore, since the span'ed cells show on the right side of the cell, it must be the entire span that's being pushed over there by the table tr td CSS style selector.
Yes.
"We make a living by what we get, we make a life by what we give." --Winston Churchill
|
|
|
|
|
Thanks again 
I put back in align="right" into the td tags that I took them out of in favor of the style selector table tr td as it seemed as much trouble to put in a css class as it was to just use the align="right". Anyway, now I understand a this a bit more, to for that much this was good.
|
|
|
|
|
FYI, CSS1 didn't really support tables well. However, CSS2 has rectified that. You could have applied styles to the td elements using class attributes. Thus, you could alternate text alignment just by changing the class attribute.
"We make a living by what we get, we make a life by what we give." --Winston Churchill
|
|
|
|
|
True,
Therefore I would make one class for my data label cells and one for the data cells, which would make it clear to anyone looking at my HTML code what was being displayed in each type of column. But the point of my comment was that it would take as much typing to say align="right" in the label cell's td tags and nothing in the data cell tags as it would to create the classes and use them. The intent of my page is to display and change the dynamic HTML attributes so I can see how they work, so self-documenting isn't that important to me in this page. However, the lessons learned about using CSS classes on different tag items is.
Thanks again.
|
|
|
|
|
i found something strange in the IE with the javascript
and here is the case:
open this code with firefox and you shall see this character: (<)
and then try it on IE and you will see nothing.
the ie (i think) doesn't know this hexa, if you change it to other like 0x003A ,B or D...it will work fine...but not C
--------------------------------------------------------------------------------------
<html>
<head>
</head>
<body>
<div id="test">123</div>
<script language="javascript1.2" type="text/javascript">
document.getElementById("test").innerHTML = String.fromCharCode("0x003C");
</script>
</body>
</html>
----------------------------------------------------------------
why? and what is the solution?
Faris Madi
Nothing Comes Easy (N.C.E.)
|
|
|
|
|
too close to W3c?
Brad
Australian
"Keyboard? Ha! I throw magnets over the RAM chips!" - peterchen
|
|
|
|
|
what you mean too close
Faris Madi
Nothing Comes Easy (N.C.E.)
|
|
|
|
|
That was a joke,
the W3c (World Wide Web Consortium) are the people who set the standards for many web protocols (such as html etc.).
As you may have noticed, IE seems to have a thing for not doing what they say.
Brad
Australian
"Keyboard? Ha! I throw magnets over the RAM chips!" - peterchen
|
|
|
|
|
Bradml wrote: As you may have noticed, IE seems to have a thing for not doing what they say.
Cross browser compatability is like trying to heard cats! They all have a different agenda.
I'm on-line therefore I am.
JimmyRopes
|
|
|
|
|
You are putting illegal html code in the innerHTML property. The browser may choose to handle this error any way that it likes. IE chooses to ignore the broken code, while Firefox chooses to convert it to plain text.
---
It's amazing to see how much work some people will go through just to avoid a little bit of work.
|
|
|
|
|
if this is an illegal code...
so how can be this code run on IE:
document.getElementById("test").innerHTML = String.fromCharCode("0x003D");
and this is not:
document.getElementById("test").innerHTML = String.fromCharCode("0x003C");
????
Faris Madi
Nothing Comes Easy (N.C.E.)
|
|
|
|
General 
News 
Suggestion 
Question 
Bug 
Answer 
Joke 
Praise 
Rant 
Admin 
Submit an article or tip
